设计与前端

Stitch 提示词增强器

把模糊的界面想法整理成更具体、更适合 Stitch 生成的提示词。

49/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
Codex · Claude Code
Star 数
★ 8.5k
最近更新
2 个月前
License
Apache-2.0
prompt-engineeringui-uxgoogle-stitchstitch-mcp
+2design-systemdesign-md

这个 Skill 能做什么,适合哪些场景?

该技能面向 Google Stitch,将粗略或含糊的 UI 想法改写为结构化、具体且适合生成的提示词。它会补充平台、页面类型、页面结构、视觉风格、颜色角色和 UI 组件术语。若项目中存在 DESIGN.md,它会读取其中的颜色、字体和组件样式,并将其整理为必需的设计系统区块。若文件不存在,它会提示用户为多屏项目创建 DESIGN.md。

读取用户提供的 UI 想法,并根据缺失信息进行评估;在增强前要求查阅官方 Stitch prompting 指南;检查当前项目中的 DESIGN.md,存在时读取其设计系统内容;将模糊表述转换为具体的 UI/UX 组件、页面结构、视觉描述和颜色定义;默认输出可复制的增强提示词,用户要求时可写入 next-prompt.md 或指定文件名。

适合
  • 产品设计师准备将“做一个设置页”之类的模糊想法提交给 Stitch 时,用它补全页面结构和组件描述。
  • 前端开发者发现 Stitch 首次生成结果不理想时,用它重新组织提示词并增加 UI/UX 关键词。
  • 需要多个页面保持一致的团队,在已有 DESIGN.md 时用它把设计系统上下文注入新提示词。
  • 只想修改现有页面一个元素的用户,用它生成范围明确的 targeted edit 提示词。

如何安装这个 Skill?

使用前请注意
  • 技能要求先查阅外部 Stitch 官方文档,但未说明访问失败时的替代流程;在无法访问该服务或文档的环境中,结果可能不稳定。
  • Write 工具权限和可写文件范围未细化;写入文件前应由用户明确确认,并保留可恢复副本。
  • 示例主要为英文,未说明中文 UI prompt、中文设计术语或大陆网络环境下的适配性。
开始前你需要
Agent 需要具备
  • 网络访问
  • 本地文件系统
  • MCP Server
需要预先安装
  • Stitch MCP server

该技能属于 google-labs-code/stitch-skills 仓库的 stitch-utilities 插件。仓库支持使用 npx skills add google-labs-code/stitch-skills 选择性安装技能;README 未提供仅安装 enhance-prompt 的专用命令。使用前还需要在代理环境中配置并运行 Stitch MCP server。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/stitch-utilities/skills/enhance-prompt" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

试试这样说

安装后,把下面任意一句发给 Agent 即可触发:

  • Enhance this prompt: make a settings page
  • Add a search bar

在已安装该技能并配置 Stitch MCP server 的代理中,提交类似“Enhance this prompt: make a settings page”或“Add a search bar”这样的请求。技能会返回结构化增强提示词;如果希望保存为文件,明确要求写入 next-prompt.md 或指定文件名。

这个 Skill 有哪些优点和局限?

优点
  • 有明确的四阶段增强流程,覆盖输入评估、设计系统检查、提示词增强和输出格式化。
  • 能将模糊描述转换为导航栏、CTA、卡片网格、带标签输入框等具体 UI 术语。
  • 支持读取项目 DESIGN.md,有助于在多屏生成中保持颜色、字体和组件风格一致。
  • 同时支持完整页面提示词和单项 targeted edit 提示词。
局限
  • 依赖已配置并运行的 Stitch MCP server,仓库本身不包含该服务。
  • 技能要求查阅外部 Stitch prompting 指南,因此网络可用性会影响流程。
  • SKILL.md 未提供测试套件、版本兼容矩阵或失败处理说明。
  • 如果项目没有 DESIGN.md,技能只能给出创建该文件的提示,不能从现有项目自动提取设计系统。

这个 Skill 与同类方案有什么区别?

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
Stitch 提示词增强器 本页 49 · 谨慎使用 ★ 8.5k 2 个月前 Apache-2.0
Stitch 品味设计系统 42 · 不推荐 ★ 8.5k 2 个月前 Apache-2.0
Stitch 界面生成器 45 · 不推荐 ★ 8.5k 2 个月前 Apache-2.0
Stitch 设计系统管家 45 · 不推荐 ★ 8.5k 2 个月前 Apache-2.0
Stitch 设计系统文档生成器 45 · 不推荐 ★ 8.5k 2 个月前 Apache-2.0

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
49/ 100 五分制 2.5 / 5
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
1信任安全15 / 25 · 3.0/5

证据显示仅声明 Read 和 Write 工具,且默认只返回文本、文件写入需用户请求,未见恶意行为或敏感数据窃取;但权限范围较宽,缺少明确的写入确认、回滚方案、数据流披露和外部文档访问边界,因此扣分。

2可靠稳定7 / 20 · 1.8/5

流程步骤和输出模板基本一致,且提供了输入评估、DESIGN.md 检查和可选文件输出;但没有测试、脚本、异常输入处理、失败反馈或对上下文推断失败的诊断机制,静态证据不足以支持更高分。

3适用触发8 / 15 · 2.7/5

触发场景、输入类型和主要增强步骤较清楚,适合 UI prompt 优化;但未定义不适用范围、语言支持或精确的语义排除条件,且依赖 Stitch 生态及官方文档,未证明在中国大陆网络环境中的可达性,因此扣分。

4规范维护8 / 15 · 2.7/5

SKILL.md、README.md 和关键词参考文件形成了较清晰的渐进式文档结构,包含安装方式、示例和部分输出约定;但缺少技能自身的版本、变更记录、维护责任、更新路径、FAQ 和限制说明,许可证与治理信息主要位于仓库共享文件,因此扣分。

5有效结果7 / 15 · 2.3/5

技能明确产出可复制的结构化 Stitch prompt,并通过设计系统、组件词汇和页面结构提升输入具体性;示例表明核心任务可完成,但没有真实生成结果或对比证据,且输出可能需要用户审校,故按静态上限给分。

6证据核验4 / 10 · 2.0/5

源文件完整公开了规则、模板、示例和依赖声明,具备有限的审计性;但没有覆盖该技能关键路径的测试、CI 或第三方执行证据,无法独立验证生成质量,因此扣分。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年7月20日 审查版本 ad4b8bc8c519 评估证据[1][2][3][4][5][6][7]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

这个技能是否直接生成 UI 页面?
不是。它主要生成可复制的 Stitch 优化提示词;源材料没有说明它直接创建或修改 Stitch 页面。
必须有 DESIGN.md 才能使用吗?
不必须。存在 DESIGN.md 时会读取并注入设计系统;不存在时会在提示词末尾添加建议。
它需要哪些权限?
SKILL.md 声明了 Read 和 Write 权限;写文件仅在用户请求文件输出时使用。
使用成本是多少?
源材料没有说明该技能、Stitch 或 Stitch MCP server 的费用。

同仓库的其他 Skills

均来自 google-labs-code/stitch-skills

设计与前端

Stitch 品味设计系统

为 Google Stitch 生成严格、非模板化且可执行的 DESIGN.md 设计规范。

★ 8.5k FS 42 不推荐 2 个月前
设计与前端

Stitch 界面生成器

用文字或图片生成、编辑并探索 Stitch 界面设计。

★ 8.5k FS 45 不推荐 2 个月前
设计与前端

Stitch 设计系统管家

在 Stitch 中创建、更新并应用统一的界面设计系统。

★ 8.5k FS 45 不推荐 2 个月前
设计与前端

Stitch 设计系统文档生成器

分析 Stitch 项目并生成可复用的 DESIGN.md 设计规范。

★ 8.5k FS 45 不推荐 2 个月前
设计与前端

Stitch 前端设计系统提取器

从前端源代码提炼可供 Stitch 使用的 DESIGN.md。

★ 8.5k FS 42 不推荐 2 个月前
设计与前端

Stitch 代码转设计

将现有前端代码提取为可上传到 Stitch 的设计与设计系统。

★ 8.5k FS 38 不推荐 2 个月前
设计与前端

Stitch 资产上传助手

将本地图片、HTML 和设计文档可靠上传到 Google Stitch 项目。

★ 8.5k FS 38 不推荐 2 个月前
设计与前端

Stitch React 组件构建器

将 Stitch 设计屏幕转换为模块化、可维护且经过验证的 React 组件。

★ 8.5k FS 45 不推荐 2 个月前
开发与工程

Stitch React Native 构建器

将 Stitch HTML 设计转换为可维护的 React Native 组件,并同步现有原生界面。

★ 8.5k FS 38 不推荐 2 个月前
设计与前端

Stitch 静态 HTML 提取器

把运行中的网页应用转换为可独立分享和上传的静态 HTML。

★ 8.5k FS 49 谨慎使用 2 个月前
开发与工程

Stitch Remotion 演示视频生成器

将 Stitch 应用界面编排成带转场、缩放和文字说明的专业演示视频。

★ 8.5k FS 43 不推荐 2 个月前
设计与前端

Stitch 网站构建循环

用 Stitch 按迭代循环持续生成、整合和推进网站页面。

★ 8.5k FS 41 不推荐 2 个月前
开发与工程

Stitch React 仪表盘构建器

将 Stitch 设计屏幕转换为生产级 React + Vite 数据密集型仪表盘。

★ 8.5k FS 40 不推荐 2 个月前
设计与前端

shadcn/ui 前端组件集成助手

帮助开发者发现、安装、定制并验证 shadcn/ui 组件。

★ 8.5k FS 42 不推荐 2 个月前

相关 Skills