用途:该技能集合用于把产品需求文档(PRD/FRD)、用户故事和 UI 规格转化为设计交付物,覆盖视觉风格指南、Google Stitch 交接、Figma Make 展示提示词和 Claude Design 分阶段提示词文件夹。适用于智能体能够读写仓库文件的任意环境。
主要能力与输出:
- creating-style-guide.md:生成独立风格指南(聊天或文件),输出 assets/style-guide.md,含 9 个固定章节,采用 shadcn 风格 token 命名。
- creating-stitch-design.md:在磁盘生成 design.md,输出 assets/design.md,遵循官方 Stitch DESIGN.md 规范。
- creating-stitch-prompts.md:生成 design.md 与 prompt.md,design.md 由前者生成,prompt.md 对应 assets/prompt.md。
- creating-figma-showcase-prompt.md:生成自包含的 Figma Make 提示词,输出 assets/figma-showcase-prompt.md,含 Components 与 Screens 页面。
- creating-claude-design-prompts.md:在 design/prompts/claude-design/<slug>/ 下生成指南、00-design-system 及编号 pass 文件。
使用方式:按意图匹配 Recipes 表中的一行并打开对应参考文件。例如创建风格指南读取 creating-style-guide.md;生成 Stitch 交接读取 creating-stitch-prompts.md;生成 Figma 展示提示词读取 creating-figma-showcase-prompt.md;生成 Claude Design 提示词读取 creating-claude-design-prompts.md。更新已有交接文件时同样使用对应参考。
流程要点:Stitch 交接流程为风格指南(内部)→ design.md(官方规范),后者解析风格指南并转换为 YAML front matter 加规范 markdown 章节。Figma 展示流程要求先有风格指南,再生成嵌入设计系统的自包含提示词。Claude Design 流程同样要求风格指南,生成有序 pass 文件夹(system → kit → shells → screens),面向对话式、设计系统优先的生成,而非单一巨型提示词。
限制:资料未提供收费、价格、平台支持范围或效果保证等信息;使用前提是智能体具备仓库文件读写能力。