（1893期）Frontend Design 1.0.0 – 拒绝平庸，打造令人难忘的前端

拒绝平庸，打造令人难忘的前端 拒绝「AI 流水线」审美的前端设计技能，强调大胆风格定位、独特字体搭配与精致动效，输出可直接投产的高质量代码。 使用说明 核心用法 frontend-design 技能用于构建具有鲜明设计个性的 Web 组件、页面或完整应用。用户只需描述需求（功能、受众、技术约束），系统即会执行「设计思考 → 代码实现」的完整流程： 设计思考阶段：锁定极端风格（极简/极繁、复古未来主义、有机自然、奢侈精致、粗野主义等），明确「令人难忘」的核心记忆点。 技术实现阶段：输出 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 或付费授权状态。 原始说明 Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.