设计与前端 prompt-engineeringui-uxgoogle-stitchstitch-mcpdesign-systemdesign-md

Stitch 提示词增强器

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

FollowSkills 评估 · FSRS-2.0
不推荐
49/ 100 五分制 2.5 / 5
信任安全15 / 25 · 3.0/5

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

可靠稳定7 / 20 · 1.8/5

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

适用触发8 / 15 · 2.7/5

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

规范维护8 / 15 · 2.7/5

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

有效结果7 / 15 · 2.3/5

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

证据核验4 / 10 · 2.0/5

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

证据充分度: 评估于 2026年7月20日 审查版本 ad4b8bc8c519
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
使用前请注意
  • 技能要求先查阅外部 Stitch 官方文档,但未说明访问失败时的替代流程;在无法访问该服务或文档的环境中,结果可能不稳定。
  • Write 工具权限和可写文件范围未细化;写入文件前应由用户明确确认,并保留可恢复副本。
  • 示例主要为英文,未说明中文 UI prompt、中文设计术语或大陆网络环境下的适配性。
评估证据 [1][2][3][4][5][6][7]
查看完整评分方法 →

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

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

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

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

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

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

如何安装这个 Skill?

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

如何使用这个 Skill?

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

常见问题

这个技能是否直接生成 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 设计规范。

设计与前端

Stitch 界面生成器

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

设计与前端

Stitch 设计系统管家

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

设计与前端

Stitch 设计系统文档生成器

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

设计与前端

Stitch 前端设计系统提取器

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

设计与前端

Stitch 代码转设计

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

设计与前端

Stitch 资产上传助手

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

设计与前端

Stitch React 组件构建器

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

开发与工程

Stitch React Native 构建器

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

设计与前端

Stitch 静态 HTML 提取器

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

开发与工程

Stitch Remotion 演示视频生成器

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

设计与前端

Stitch 网站构建循环

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

开发与工程

Stitch React 仪表盘构建器

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

设计与前端

shadcn/ui 前端组件集成助手

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

相关 Skills