SuperAPI AI 工具集

stitch-design-md

设计与创作

查看项目

更新于 10-16 03:47

技能介绍

用途:当已有 Stitch 屏幕、截图、HTML 或元数据需要沉淀为 DESIGN.md 单一事实来源时使用。涉及 Google Stitch 项目 ID、.stitch/ 产物、DESIGN.md 文件、Stitch 导出或 Stitch 专属校验时适用。

主要能力:从截图、导出 HTML、设计系统元数据、用户描述或宿主列出的屏幕检索输出中提取氛围、配色、字体、形状、层级、组件、布局、响应式行为与交互状态;将 CSS/Tailwind 翻译为带精确值的描述性名称;写出含项目标题与可复用提示语言的 .stitch/DESIGN.md,并交由 stitch-manage-design-system 上传。

使用方式:先收集真实导出或用户提供的描述,不要假设工作区暴露 list_projects、list_screens、get_screen 或 get_project。已验证的 Stitch MCP 能力为 create_project、upload_design_md、create_design_system_from_design_md、list_design_systems、apply_design_system。无 MCP 时使用本地 .stitch/ 产物、导出 HTML/截图、捆绑脚本与 Stitch 网页界面回退。跨客户端:GitHub Copilot 放入可见技能路径;Claude Code 放入本地技能目录或兼容插件源;Codex 同步到 $CODEX_HOME/skills/stitch-design-md 并重启。

适用场景:Stitch 项目设计系统沉淀、设计令牌语义化、生成前统一提示语言。

限制:不得声称使用了宿主未暴露的屏幕检索、生成、编辑或变体 MCP 调用;未经用户批准不得上传文件或资产;不得读取、打印、存储或提交 API 密钥、MCP 配置密钥、Cookie 等凭据文件;生成的设计或代码需经本地渲染、语法或产物验证;除非用户明确要求,生成的 .stitch/ 文件不应提交。验证要点:DESIGN.md 基于真实导出或标注的用户描述,主要令牌含语义角色与精确值,避免实现专属术语,下一步动作明确。相关技能:stitch-extract-design-md、stitch-manage-design-system、stitch-taste-design。