核心用法
frontend-design 技能用于构建具有鲜明设计个性的 Web 组件、页面或完整应用。用户只需描述需求（功能、受众、技术约束），系统即会执行「设计思考 → 代码实现」的完整流程：
1. 设计思考阶段：锁定极端风格（极简/极繁、复古未来主义、有机自然、奢侈精致、粗野主义等），明确「令人难忘」的核心记忆点。
2. 技术实现阶段：输出 HTML/CSS/JS、React、Vue 等可直接运行的生产级代码，配套 Motion、GSAP 等动效方案。
显著优点
- 反同质化：明确禁止 Inter/Roboto/Space Grotesk 等「AI 默认字体」及紫色渐变白底等套路配色，强制追求差异化。
- 风格即代码：将「大胆美学」直接转化为实现复杂度——极繁设计对应繁复动画与层叠效果，极简设计则强调间距、字号与微交互的精确控制。
- 系统一致性：通过 CSS 变量统管色彩与主题，确保视觉语言全局贯通。
潜在缺点与局限性
- 学习曲线陡峭：要求开发者具备将抽象美学指令翻译为技术约束的能力（如字体加载性能、动画帧率预算）。
- 过度设计风险：「极繁」路径若缺乏克制，易牺牲可用性与可访问性。
- 维护成本：非标准字体与复杂动效可能增加后续迭代与跨浏览器适配工作量。
- 无自动降级：技能未内置「优雅降级」逻辑，需开发者自行处理低性能设备场景。
适合人群
- 追求品牌差异化、厌倦「AI 流水线」审美的前端开发者与设计师
- 需要快速产出高保真原型、用于演示或 MVP 的产品团队
- 具备一定设计判断力、能将「极端风格」转化为可执行方案的技术决策者
常规风险
- 性能：Web 字体与复杂 CSS 动画可能导致首次绘制延迟（FID/LCP 劣化），需配合
font-display: swap与prefers-reduced-motion策略。 - 可访问性：非常规布局（对角线流、元素重叠）可能干扰屏幕阅读器导航，需额外验证 ARIA 与键盘焦点管理。
- 版权：「独特字体」易触及其商用授权风险，需确认所用字体的 SIL/Apache/OFL 或付费授权状态。