Frontend Design Skill
有调性、生产级的网页界面。默认 React + Tailwind + shadcn/ui。避免那种一眼 AI 味的设计。
作者： Anthropic
来源： github.com
安装
npx degit anthropics/skills/skills/frontend-design ~/.claude/skills/frontend-design
frontend-design 是”那种一眼就是 AI 做的网站”的解药。它从一组精挑的设计
参考中取样，构建出有字体主张、克制配色、用心间距的界面。
擅长什么
- 落地页：需要非通用调性的产品首屏
- 组件设计：一致的间距与节奏
- 网页 Hero：看上去像设计师手工做的
配套 Skill
polish：最后一公里的对齐修正typeset：调字体级差与字号系统colorize：如果输出太单调arrange：修空间节奏animate：精到地加动效
整套设计系列其实值得单独成篇，见 相关系列介绍。
调用示例
用 frontend-design 做一个偏冷静风的生产力 App 的落地页。
编辑感字体、米白色基调、单一强调色、留白大方。
不要毛玻璃，不要彩虹渐变。
