在新建或改造前端界面时提供视觉设计指引，涵盖审美方向与字体排版，帮助避免模板化的默认样式。
安装
npx skills add anthropics/skills --skill frontend-designnpx skills add anthropics/skills --skill frontend-design -a claude-code -gnpx skills add anthropics/skills --skill frontend-design -a codex -ggemini skills install https://github.com/anthropics/skills.git --path skills/frontend-designgh skill install anthropics/skills frontend-designgit clone --depth 1 https://github.com/anthropics/skills /tmp/anthropics__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/anthropics__skills/skills/frontend-design ~/.claude/skills/frontend-design # Claude Code
cp -R /tmp/anthropics__skills/skills/frontend-design ~/.agents/skills/frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode试试这个任务
依据这份产品说明实现一个清爽、响应式的界面，明确主任务和信息层级，补齐空状态、错误状态与键盘焦点。
- 准备材料
- 产品说明、目标用户、已有界面或品牌参考。
- 检查结果
- 在桌面与手机实际操作，检查长文案、触控和键盘路径。