用途:这是 Google Labs 官方提供的 Stitch 技能集合,用于打通从设计到代码的完整流水线。适用于任何 Google Stitch 设计工作流。
主要能力:包含 6 个官方技能——design-md 创建与管理 DESIGN.md 文件;enhance-prompt 用 UI/UX 词汇改进提示词;extract-design-md 将 Stitch 设计规范提取为 DESIGN.md 格式;react-components 将 Stitch 转为 React 组件;shadcn-ui 基于 shadcn/ui 构建组件;stitch-loop 运行迭代式设计到代码反馈循环。
安装方式:先检查是否已安装(例如 ~/.design-agent-skills/skills/stitch-loop/SKILL.md 是否存在)。若未安装且有 shell 访问权限,可用 npx skills add 安装对应技能,例如:npx skills add google-labs-code/design-md、npx skills add google-labs-code/enhance-prompt、npx skills add google-labs-code/extract-design-md、npx skills add google-labs-code/react-components、npx skills add google-labs-code/shadcn-ui、npx skills add google-labs-code/stitch-loop。若无 shell 访问权限,可在 Claude Code 中把命令作为聊天消息发送,以 ! 开头,添加 -g 为全局安装,省略则为仅项目安装。
调用方式:安装后按名称调用,可用触发短语如“DESIGN.md”“create design spec”“enhance my prompt”“improve UI prompt”“extract design md”“Stitch to DESIGN.md”“Stitch to React”“convert to React”“Stitch to shadcn”“build with shadcn”“stitch loop”“iterate design”。
限制:资料为目录存根,完整包位于 google-labs-code/stitch-skills;具体实现细节、依赖要求、平台支持与收费情况暂未提供。