frontend-design

Claude Code 前端界面设计技能

安装命令

npx skills add https://github.com/anthropics/claude-code --skill frontend-design

围绕用户任务设计和实现界面，关注信息层级、响应式和可访问性。

在独立页面制作原型，核对窄屏、键盘和空状态。

按使用环境查看安装与验证步骤

在装有 Node.js 和 npm 的终端进入目标项目，运行上方安装命令并按提示选择代理和范围。安装后可运行 npx skills list 检查技能，再用样本任务试跑。

有上传权限的工作区可以在「插件 → 技能 → 创建 → 上传」导入兼容技能包。查看上传步骤。

适用于网页 Claude 的技能可将含 SKILL.md 的文件夹打包为 ZIP，从「自定义 → 技能」上传后试跑。

按 Anthropic 仓库的说明核对 Claude、Claude Code 或 Cowork 所需的插件与权限。