frontend-design 是一个前端设计技能，目标是生成独特、可投产、具备高设计质量的前端界面与代码，并刻意避开常见的通用 AI 审美。它强调先建立设计上下文，再做具体设计。
用途与定位：为产品界面提供完整的设计方向与实现准则，产出真实可运行的代码，并在审美细节与创意选择上保持高度讲究。资料称其会生成富有创意、经打磨、避免通用 AI 外观的代码。
上下文要求：设计技能若缺少项目背景会产出通用结果，因此必须先确认设计上下文，至少包含目标受众（谁在什么场景使用）、使用场景（用户要完成什么任务）、品牌个性与调性（界面应给人什么感觉）。资料特别指出，这些上下文无法通过阅读代码库推断，代码只说明构建了什么，不说明为谁而做、应有何种感受，只有创建者能提供。
上下文获取顺序：先看已加载的指令中是否含 Design Context 段落，有则直接进行；否则读取项目根目录的 .impeccable.md，若其中含所需上下文则继续；若两者都没有，必须先运行 /teach-impeccable，资料强调不得跳过、不得改用代码库推断。
设计方向：要求确定一个大胆的审美方向，包括要解决的问题与使用者、选定一种极端调性（如极简、极度繁复、复古未来、自然有机、奢华精致、玩趣、杂志编辑风、粗野主义、装饰几何、柔和粉彩、工业实用等）、技术约束（框架、性能、无障碍），以及差异化——什么让界面令人难忘。关键在于意图明确而非强度。
主要能力准则（要点）：排版上使用有辨识度的展示字体搭配精致正文字体，采用模块化字阶与 clamp 流体字号，避免 Inter、Roboto、Arial、Open Sans 等常见字体与系统默认，避免用等宽字体当作技术感偷懒表达，避免在每个标题上加大号圆角图标。配色上主张统一调色板、主色加锐利点缀，使用 oklch、color-mix、light-dark 等现代色彩函数，中性色应向品牌色偏移，避免彩色底上的灰字、纯黑纯白、AI 常见配色（深色底青色、紫蓝渐变、霓虹点缀）、渐变文字，以及默认深色加发光效果。布局与空间上强调节奏感、非对称与有意破格，避免一切装在卡片里、卡片嵌套、同尺寸卡片网格重复、hero 大数字模板、全部居中、间距千篇一律。视觉细节上主张有意图的装饰，避免滥用毛玻璃、单边粗彩边框、无意义迷你图表、通用圆角矩形加阴影、能不用就不用模态框。动效上聚焦高影响时刻（如一次编排好的页面加载与错落入场），用 index 缓动、指数缓动，避免动画布局属性（只动 transform 和 opacity），避免弹跳与弹性缓动；高度动画用 grid-template-rows 过渡。交互上追求快速反馈与乐观 UI，渐进式披露，设计能教学的空白状态，避免重复信息、所有按钮都设为主要样式。响应式上推荐容器查询，适配而非简单缩小，不隐藏关键功能。文案上要求字字有用，不复述用户已可见的信息。
质量检验：资料提出“AI Slop Test”，即若把该界面展示给他人并说“这是 AI 做的”，对方会立刻相信，那就是问题所在；有辨识度的界面应让人问“这是怎么做的”，而非“这是哪个 AI 做的”。
实现原则：实现复杂度应与审美愿景匹配，繁复风格需大量动画与效果代码，极简精致风格则需克制与对间距、排版、细节的精确把控；应做创造性解读与出乎意料的选择，不同生成之间不要在主题、字体与审美上收敛。
限制与未提供信息：资料未说明该技能的具体安装方式（除 /teach-impeccable 命令外）、支持的框架版本、收费与价格、平台信息，也未给出完整代码示例；这些均暂未提供。