Cursor配置stitch-skills：工作区级安装逐步指南

Cursor配置stitch-skills工作区级安装逐步指南【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skills想在 Cursor 中配置 stitch-skills 吗本教程带你 5 分钟完成工作区级安装。stitch-skills 是一套遵循 Agent Skills 开放标准的 AI 智能体技能库专为 Google Stitch 设计工具打造让你的 Cursor 智能体获得生成设计稿、管理设计系统、提取静态 HTML 等能力。跟着步骤走即可完成 Cursor 工作区级安装并立即上手。stitch-skills 是什么stitch-skills 将设计能力打包成一个个可被 AI 智能体调用的技能Skill目前包含三大插件插件作用技能示例stitch-design核心设计工作流代码转设计稿、文/图生成屏幕、管理设计系统stitch-build从 Stitch 设计生成代码React 组件、React Native、Remotion 视频stitch-utilities辅助增强工具优化提示词、生成 DESIGN.md、整站构建循环每个技能都遵循统一目录规范SKILL.md是智能体的任务手册scripts/放可执行脚本examples/放标准参考例如 plugins/stitch-design/skills/generate-design/SKILL.md。配置前的准备工作安装只需满足两个前提已安装 Node.jsnpx命令依赖 Node 环境终端输入node -v确认即可。已配置 Stitch MCP 服务器这些技能通过 Stitch MCP 与 Stitch 平台交互需先按 Stitch 官方文档完成 MCP 注册与凭据配置否则技能无法调用 Stitch 工具。方法一一键完成 Cursor 工作区级安装推荐在 Cursor 中打开你的项目通过终端执行官方推荐命令将技能安装到当前工作区npx plugins add google-labs-code/stitch-skills --scope workspace --target cursor 关键点--scope workspace表示技能只作用于当前 Cursor 工作区不会影响其他项目--target cursor指定安装目标为 Cursor。命令执行完毕后重启 Cursor 或重新打开会话即可生效。安装过程中如想查看完整参数说明可随时运行npx plugins --help方法二手动克隆到工作区适合离线或无网络环境如果npx不可用可以先克隆仓库再按需拷贝技能目录到工作区git clone https://gitcode.com/GitHub_Trending/st/stitch-skills然后只把需要的技能文件夹复制到工作区的智能体技能目录下例如.cursor/skills/再重启 Cursor。推荐从最常用的设计技能开始文生屏 / 改屏plugins/stitch-design/skills/generate-design/代码转设计plugins/stitch-design/skills/code-to-design/上传素材plugins/stitch-design/skills/upload-to-stitch/增强提示词plugins/stitch-utilities/skills/enhance-prompt/各技能的插件元信息可在 plugins/stitch-design/plugin.json 与 plugins/stitch-utilities/plugin.json 中查看。按需精选安装只装你要的技能如果不想装全套可以单独添加某个技能npx skills add google-labs-code/stitch-skills⚠️ 注意技能之间存在依赖关系官方特别提醒见 README.md——如果只装单个技能请确认它依赖的技能也已包含。比如stitch-loop整站构建循环依赖DESIGN.md与SITE.md建议搭配design-md与site-md一起使用可参考 plugins/stitch-utilities/skills/stitch-loop/README.md。安装后的快速验证装好后直接在 Cursor 的对话中用自然语言测试例如Enhance this prompt: make a settings page.测试 enhance-promptGenerate 3 design variants of the home screen with dark mode.测试 generate-design若智能体正确识别技能并调用 Stitch 工具说明工作区级安装成功。更多提示词示例可参考 README.md 中的技能列表。常见问题技能未生效检查是否重启了 Cursor以及是否在工作区根目录执行了安装命令。调用 Stitch 工具报错99% 是 Stitch MCP 服务器未配置先完成 MCP 注册与环境凭据设置。想升级技能重新执行一次npx plugins add命令即可覆盖更新。小结Cursor 配置 stitch-skills 的核心就三步配好 Stitch MCP → 运行一条 npx 命令 → 重启 Cursor 验证。工作区级安装让每个项目独享自己的设计技能组合互不干扰。现在就可以打开你的第一个项目让 AI 智能体帮你画出专业设计稿了 【免费下载链接】stitch-skillsA library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.项目地址: https://gitcode.com/GitHub_Trending/st/stitch-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考