Frontend Design
为 Claude Code 前端任务确定字体、配色与版式方向。
frontenddesign
关于 Frontend Design
这个技能在前端实现前明确视觉方向,要求设计贴合产品、受众与实际内容,再决定字体、间距和构图。适合需要统一视觉风格的界面任务,也可在已有品牌约束内使用。
- 提供视觉方向与界面构图参考。
- 围绕项目需求工作,不绑定固定组件库。
如何安装
先打开来源文档,核对项目的前置条件与安装位置。复制以下命令,逐行运行;命令中的示例路径需要替换为自己的目录。
终端
claude plugin marketplace add anthropics/skills
claude plugin install example-skills@anthropic-agent-skills按来源说明完成必要的认证或设置,重新加载会话后确认新能力可用。仓库内的项目可能共享同一个插件安装包。
开始使用
提供页面内容、技术栈和设计约束,并明确哪些版式与品牌元素必须保留。 本条目属于 example-skills 插件,安装时也会包含该包内其他技能。
使用前留意
阅读项目指令和请求的工具权限,先在小范围任务中验证。本站核对来源与说明,收录不代表代码安全审计。