快速信息
- 来源
- Anthropic Skills
- 适用平台
- Claude Code / Codex / Cursor
- 适合场景
- 重做首页视觉、提升设计辨识度、统一组件的设计语言
- 推荐理由
- “避免 AI slop” 这一类前端 skill 最近很火，这个官方版本几乎成了很多前端 skill 的参考底稿。
安装方式
通用安装
想把生成式前端做得更像“设计成品”，推荐直接装这个 skill。
npx skills add https://github.com/anthropics/skills/tree/main/skills/frontend-design -a codex claude-code cursor怎么使用
给这个落地页做一次完整的视觉重设计，不要走默认 AI 审美。
帮我做一个更有记忆点的 dashboard 首页，突出品牌感。
把这个组件改成偏 editorial 风格，保留响应式和可访问性。
亮点与适用场景
核心亮点
强调字体、配色、版式、动效的整体审美方向，而不是只拼组件。
适合 landing page、dashboard、营销页和设计系统页面升级。
特别适合需要“看起来不像 AI 模板”的项目。
推荐场景
重做首页视觉
提升设计辨识度
统一组件的设计语言