18万Stars
4.7万安装量
v1.4.2版本
1 周前更新
技能简介
让 Agent 写出的页面有设计师气质：布局节奏、留白、动效与响应式细节。
它能做什么
- 设计系统驱动的组件生成
- 栅格与视觉层级审查
- 微交互动效建议
- 浅色/深色主题适配
安装方式
上手路径让AI写出的网页自带设计师级美感。
- 01安装技能打开终端，运行 npx skills add anthropics/skills
- 02触发使用对话说"帮我做个网页"，Agent 会自动调用它
- 03检查效果打开生成的页面，看留白、动效和手机端适配
提示：需求越具体越好，比如"苹果官网风格"。
$npx skills add anthropics/skills
支持平台：WorkBuddy / Claude Code / Codex CLI / Kimi CLI / Cursor / Trae / Goose / OpenClaw / OpenCode
技能分享卡 ![技能分享卡]()
下载卡片（1080×1440）
出现在以下合集
简介由 AI 辅助翻译并经人工校验，如发现错误欢迎通过源仓库反馈。