frontend-design

能做什么

Anthropic 官方前端设计技能，目标是让 AI 产出更像「设计成品」而非千篇一律的模板页面。

• 强调排版、留白、层级与配色的一致性，规避默认的「AI 审美」。
• 在追求视觉辨识度的同时，保留响应式布局与可访问性（a11y）。
• 适合落地页、Dashboard、组件库等需要品牌感和记忆点的界面。

通用安装

想把生成式前端做得更像“设计成品”，推荐直接装这个 skill。

npx skills add https://github.com/anthropics/skills/tree/main/skills/frontend-design -a codex claude-code cursor

怎么使用

• 给这个落地页做一次完整的视觉重设计，不要走默认 AI 审美。
• 帮我做一个更有记忆点的 dashboard 首页，突出品牌感。
• 把这个组件改成偏 editorial 风格，保留响应式和可访问性。