frontend-design 是一个面向前端界面创建的技能，来源为 snarktank/amp-skills，页面地址为 https://www.skills.sh/snarktank/amp-skills/frontend-design。其用途是在用户要求构建网页组件、页面或界面时，指导生成具有辨识度、生产级质量且注重设计品质的前端实现，避免常见且雷同的“AI 生成感”审美。
使用方式是先理解用户提供的前端需求，可能包括组件、页面、应用或界面，以及目的、受众或技术约束；随后在编码前明确大胆的美学方向，包括用途、语气、约束和差异化，并选择一个清晰概念方向精确执行。资料强调大胆极繁与精致极简都可成立，关键在于有意图。
主要能力包括：以实现可运行代码为目标，可使用 HTML/CSS/JS、React、Vue 等；注重排版、色彩与主题、动效、空间构成、背景与视觉细节。排版上建议选择美观、独特、有趣的字体，避免 Arial、Inter 等通用字体，搭配特色展示字体与精致正文字体；色彩使用 CSS 变量保持一致，主色加鲜明点缀优于平均分布；动效优先 CSS 方案，React 可用 Motion 库，重视页面加载的编排与滚动、悬停等交互；布局可采用不对称、重叠、对角流动、打破网格等，并注意留白或受控密度；背景可运用渐变网格、噪点纹理、几何图案、透明层叠、阴影、装饰边框、自定义光标等。
限制与注意事项：不要使用过度滥用的字体、陈词滥调的色彩方案、可预测的布局和组件模式，以及缺乏上下文特征的千篇一律设计；不同生成之间应变化主题、字体与美学，避免趋同。实现复杂度应与美学愿景匹配，极繁需要大量动画效果，极简则需要克制、精确与对间距、排版和细节的关注。资料未提供具体安装命令、收费、价格、平台或效果保证等信息。