用途
frontend-design 是一个前端设计技能，用于创建风格独特、达到生产级品质的前端界面。当用户要求构建 Web 组件、页面或 artifacts 时，可以使用该技能。
主要能力
该技能强调在编码之前先确立四个要素：
- Purpose（用途）
- Tone（基调）：选择一种鲜明的美学风格，例如极简、极繁、复古未来、粗野主义、编辑风等
- Constraints（约束）
- Differentiation（差异化）：即那个令人难忘的元素
在此基础上，选择一个清晰的概念方向并精确执行。
设计从五个维度展开：
- 字体排印：美观、独特的展示字体与正文字体搭配，不使用通用默认字体。
- 色彩与主题：统一的调色板，以一个主色加鲜明点缀构成，由 CSS 变量驱动。
- 动效：有目的的 CSS 动画、编排式加载揭示、滚动触发。
- 空间构图：不对称、重叠、对角线流动、刻意的留白。
- 背景与细节：渐变、纹理、阴影，用于营造深度。
使用方式
资料中未提供具体的使用步骤或安装命令。该技能以技能（skill）形式提供，来源标注为 github.com/anthropics/skills（Apache-2.0），并为 corlinman 市场做了精简与署名。
适用场景
适用于需要构建 Web 组件、页面或 artifacts，并且追求高设计品质与鲜明视觉风格的场景。
限制与注意事项
该技能提示应避免常见的 AI 套路化痕迹，包括：过度使用的字体（默认 Inter）、可预测的紫色渐变、全部居中、统一圆角以及千篇一律的布局。
关于收费、价格、平台支持范围等信息，资料中暂未提供。