← 返回全部 Skill
🎨

Stitch 设计技能包

Claude免费设计

Google Labs 官方出品的 Agent Skills 技能包，配合 Stitch MCP 服务器把 UI 设计、组件构建等设计工作流交给 AI 完成。遵循开放的 Agent Skills 标准，可装进 Claude Code、Cursor、Codex 等多种编码 agent。

核心功能

安装方式

Claude Code：`npx plugins add google-labs-code/stitch-skills --scope project --target claude-code`
Cursor：`npx plugins add google-labs-code/stitch-skills --scope workspace --target cursor`
Codex：`codex plugin marketplace add google-labs-code/stitch-skills --ref main`
也可用 `npx skills add google-labs-code/stitch-skills` 按需装单个技能。

使用说明

安装后在编码 agent 中描述你的设计需求（如生成界面、构建组件），相关技能会自动加载并调用 Stitch 完成设计工作流。

前置条件

需先按官方指引配置 Stitch MCP 服务器（stitch.withgoogle.com/docs/mcp/setup）。
🔗 访问官方链接

相关 Skill

🎨 Figma Plugin🎭 Canva GPT🖥️ Frontend Design 前端设计🎨 Canvas Design 视觉设计