Anthropic设计
Skill
frontend-design
前端视觉升级 — 调研标杆 + 高品质图标 / 动效 / 排版 / 设计系统。
触发条件
任务涉及 React / Vue / Tailwind / 组件设计 / 视觉调整时触发。
安装命令
# Anthropic 官方 skill # 1.x 版本默认随 Claude Code 安装
用法
涉及视觉的任务自动加载。会主动建议：
- 设计 token 改动（颜色 / 字号 / 间距）
- 组件结构调整
- 排版细节（行高、字重、缩进）
- 动效曲线和时长
配套
挂载 frontend-design 后，Claude 会更倾向于：
- 用 design token 而不是裸 hex
- 命名 BEM 风格
- 关注 a11y（focus ring / aria）
来源：Anthropic
frontenddesign-systemcss