任务技能（Skills）
Anthropic Skills · Frontend Design
从产品用途出发，规划页面、编写界面，再检查布局、文字和交互是否合适。
内容介绍
少装一点整理 · 依据项目公开文档
frontend-design 帮助 AI 助手为新页面或现有界面做设计。先看产品用途和使用人群，确定布局、配色和字体，再边实现边检查效果。
适合页面看起来千篇一律、重点不清楚的情况。它也会指导界面实现，关注手机布局、键盘操作和阅读体验；产品需求和功能是否正确，仍需要单独确认。
开始使用
需要准备
- 需要能加载此技能、读取或编辑前端项目的 AI 助手，接入方式以对应客户端的官方说明为准。
- 提供真实需求、内容和项目限制；完成后在浏览器预览，并检查实际操作是否正常。
使用限制与费用
- 它提供设计和实现指导，不保证业务逻辑正确，也不能代替无障碍检查。
- 同仓库的其他技能可能采用不同的许可条款，使用前请查看所选技能及相关素材的授权。
- GitHub Star 属于整个 anthropics/skills 仓库，不是 frontend-design 单独的热度。本站核对了公开说明，未逐一安装测试全部技能。
依据公开文档整理，未逐一安装实测。
可以怎么用
- frontend-design：根据真实产品、使用人群和页面内容，确定视觉方向。
- 统一配色、字体和布局，并在编写界面时落实设计方案。
- 检查手机效果、键盘焦点和可读性，减少不必要的装饰。
官方项目与文档
项目说明译文
公开的 AI Agent Skills 技能仓库。
用途相近的插件
优先匹配当前插件的主要用途，再参考共同用途和收藏数；接入方法可能不同。
- Taste Skill — 让展示型网站有明确的设计方向，做完后再用浏览器检查真实效果。
- Text to CAD — 把尺寸和形状要求交给 AI，生成可继续修改的三维零件模型。
- Stitch Skills — 让 AI 根据文字或参考图设计页面，再把设计转成前端组件。