用途：frontend-design 作为前端视觉质量与反套路设计的基础层技能，用于创建独特、生产级的前端界面，避免通用“AI slop”审美，并实现真正可运行的代码，高度关注美学细节与创意选择。
主要能力：它作为基础指导层，可将具体任务路由到匹配的本地 impeccable-* 微技能。意图映射包括：项目设计上下文设置 impeccable-teach-impeccable、技术质量审计 impeccable-audit、UX/设计方向评审 impeccable-critique、设计系统一致性 impeccable-normalize、交付前细节打磨 impeccable-polish、降低复杂度 impeccable-simplify、改进 UX 文案 impeccable-clarify、性能调优 impeccable-optimize、韧性/边界/i18n/错误处理 impeccable-harden、有目的的动效 impeccable-animate、策略性配色 impeccable-colorize、增强视觉冲击 impeccable-bolder、降低视觉强度 impeccable-quieter、添加愉悦与个性 impeccable-delight、提取可复用组件/令牌/模式 impeccable-extract、适配目标设备 impeccable-adapt、改进引导与空状态 impeccable-onboard。
使用方式：每个前端设计任务都保持本技能作为基线指导；根据用户意图选择恰好一个主微技能，必要时才添加次要微技能；多个微技能同样可行时应先提问澄清。多步骤工作推荐顺序：context、diagnose、transform、harden、polish。常见流水线：既有 UI 首次处理为 impeccable-audit → impeccable-normalize → impeccable-polish；产品 UX 精修为 impeccable-critique → impeccable-clarify → impeccable-onboard；高冲击视觉更新为 impeccable-bolder 或 impeccable-quieter → impeccable-colorize → impeccable-animate → impeccable-polish；生产就绪为 impeccable-optimize → impeccable-harden → impeccable-polish。
设计方向与规范：需确定大胆的美学方向，明确目的、语气（极简、极大主义、复古未来、自然、奢华、玩趣、杂志、粗野、装饰几何、柔和粉彩、工业实用等）、技术约束（框架、性能、可访问性）与差异化记忆点。排版应选择美丽独特的字体，展示字体搭配精细正文字体，使用模块化字号与 clamp 流式缩放，避免 Inter、Roboto、Arial、Open Sans、系统默认字体，也不要把等宽字体当作“技术感”的偷懒表达。颜色采用 oklch、color-mix、light-dark 等现代 CSS 颜色函数，中性色向品牌色相偏移，避免纯黑纯白、彩色背景上的灰色文字以及青色暗底、紫蓝渐变、霓虹暗底等 AI 配色。布局通过变化间距营造节奏，使用 clamp() 流式间距，采用非对称与打破网格的构图，避免卡片套卡片、相同卡片网格、大数字小标签的英雄指标模板。动效聚焦高冲击时刻，使用指数缓动，只动画 transform 与 opacity，高度动画使用 grid-template-rows 过渡，避免弹跳缓动。交互使用渐进披露、乐观 UI、有教学意义的空状态，避免所有按钮都是主按钮。响应式使用容器查询，按不同情境适配而非简单缩小，移动端不隐藏关键功能。
限制：资料未提供该技能支持的具体框架列表、安装命令、收费方式、适用平台或效果量化指标，这些事实暂未提供。其质量标准要求通过“AI Slop 测试”：若界面被人一眼认定由 AI 生成，即视为不合格。