用途：frontend-design 技能用于根据用户提供的前端需求（组件、页面、应用或界面）创建独特、生产级的前端界面，避免通用“AI slop”审美，并实现真正可运行的代码，同时高度关注美学细节与创意选择。用户可提供用途、受众或技术约束等背景信息。
主要能力：在编码前进行设计思考，明确目的、基调、约束与差异化；选择清晰的概念方向并精确执行。实现生产级、功能可用、视觉醒目、风格统一且细节精致的代码，支持 HTML/CSS/JS、React、Vue 等。
设计指南：排版上选择美观、独特、有趣的字体，避免 Arial、Inter 等通用字体，搭配特色展示字体与精致正文字体；色彩与主题使用 CSS 变量保持一致性，主色搭配有意为之的强调色，渐变需微妙且有目的；间距与布局强调充足留白、CSS Grid 与 Flexbox、非对称布局；微交互包含悬停状态、过渡与动画，200-400ms 过渡较自然；视觉细节包括阴影、边框、纹理、背景模糊与一致的圆角；响应式采用移动优先，断点 640px、768px、1024px、1280px，触控目标最小 44px。
实现模式：提供 CSS 架构示例，使用 :root 定义颜色、排版、间距、效果等变量；动画原则包括入场淡入加轻微位移（最大 20px）、悬停缩放 1.02-1.05、加载骨架屏、滚动交错显现；可访问性要求语义化 HTML、必要 ARIA 标签、可见焦点状态、对比度至少 4.5:1、尊重减少动态效果偏好。
质量检查：完成前需确认独特视觉识别、一致设计系统、跨断点响应式、平滑交互、可访问、性能优化、跨浏览器兼容及暗色模式支持（如适用）。
输出格式：交付完整生产就绪代码，包括语义化可访问的 HTML 结构、使用变量组织的 CSS、必要 JavaScript 及复杂用法说明。强调质量优先于数量。
限制：资料未提供具体安装命令、收费、价格、平台或效果数据；实际使用需结合用户需求与所选技术栈。