示意封面由本站生成，真实效果请查看源仓库示例。
如何使用
- 1
复制安装提示
点击右侧黑色按钮，一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。
你：
/taste-design 帮我做：为 Stitch 或 agent 写一份严格、不套模板的 DESIGN.md示例对话，仅演示调用方式，不代表实际产出。
你会得到
- 结构化 DESIGN.md
- 反 AI 套路设计规则
- 适用于 Stitch 及任意编码 agent
适合
- 为 Stitch 或 agent 写一份严格、不套模板的 DESIGN.md
不适合
- 单独直接产出成品界面
你需要
- 可选：Stitch MCP 服务
- 许可证
- Apache-2.0
- 作者
- @google-labs-code
支持:Claude CodeCodexCursorGemini CLIOpenCode
上游描述
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
其他安装方式
更喜欢自己动手？下面的命令和上方按钮效果相同。
安装提示词（粘贴给你的 Agent）
Read https://skilloop.dev/skills/taste-design/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/taste-design -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/taste-design -g -a codex
手动安装（git） · Claude Code
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git /tmp/stitch-skills mkdir -p ~/.claude/skills && cp -r /tmp/stitch-skills/plugins/stitch-utilities/skills/taste-design ~/.claude/skills/taste-design
作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。
相关技能
免费
网页9.0k
SaaS 落地页
单页 SaaS 落地页：首屏、功能、社会证明、定价与 CTA，一个 HTML 文件搞定。
作者: nexu-ionexu-io/html-anything · Apache-2.0
免费
网页8.4k
设计系统提炼
分析已有 Stitch 项目，把其语义化设计系统提炼成 DESIGN.md。
作者: google-labs-codegoogle-labs-code/stitch-skills · Apache-2.0
免费
网页8.4k
shadcn/ui 专家
指导发现、安装和定制 shadcn/ui 组件，附带架构与主题最佳实践。
作者: google-labs-codegoogle-labs-code/stitch-skills · Apache-2.0
免费
网页179.8k
前端设计
让 agent 做出有辨识度、有意图的 UI：审美方向、字体与自我审视，而非模板化默认值。
作者: anthropicsanthropics/skills · Apache-2.0