Frontend Design Deslop 用于在构建或调整 Web 前端样式时，让界面摆脱“AI 生成感”，并建立可审计的设计体系。其触发条件是用户构建或样式化 Web 前端，或提出让界面不像 AI 生成的需求。
适用范围与边界：该技能只进行可回滚的本地操作，仅写入工作项目中的 DESIGN.md、设计令牌文件和组件 CSS，回滚依赖版本控制，不改动其他文件，也不进行远程变更。它不适用于没有令牌系统的组件级 UI 工作（此类应使用 frontend-ui-engineering），不适用于获得授权参考界面的净室重建（应使用 frontend-fidelity-rebuild），也不处理远程、凭据、发布、部署或不可逆变更。
输入要求：必需输入为需要样式化的前端项目目录，以及要打造的表面（页面、组件或应用外壳）。可选输入包括品牌色板、字体偏好、现有令牌文件和目标框架；若未提供，则从项目现有样式中推导一套中性令牌系统，并说明其来源是推导而非提供。
主要流程包括：读取目标表面及现有样式、令牌与品牌输入，记录“发现”与“提供”的区分；在 DESIGN.md 中撰写设计策略，涵盖布局网格、字号阶梯、OKLCH 色彩系统、间距阶梯、动效意图和组件清单；输出涵盖颜色、字体、间距、圆角、阴影和动效六类令牌的 CSS 自定义属性（或项目令牌格式），并确保组件 CSS 只引用令牌，不硬编码数值；使用令牌打造界面，并逐项检查 never-slop 清单，包括拒绝通用 AI 渐变与彩虹色停、无设计意图的框架默认间距边框圆角、无目的性的居中英雄区与三卡片特性网格等模板化 AI 布局、绕过令牌的硬编码值、占位文案或未填写图片替代文本、低对比度文本、移除焦点环或交互元素缺少可见焦点状态；随后运行 WCAG 2.2 AA 通过/失败检查，记录文本与 UI 组件的对比度、焦点可见性、目标尺寸和语义结构等每项标准的结果；再运行 slop 审计并记录每项清除或违规，修复后重新审计；最后提交 DESIGN.md、令牌文件和组件 CSS，并随提交记录 slop 审计与 WCAG 2.2 AA 检查结果。
失败与恢复：若 WCAG 2.2 AA 检查未通过，不得记录为通过，应修复失败项并重新检查；若在给定输入下无法满足某项标准，应停止并报告未满足的标准与输入缺口。slop 审计发现违规时，应在界面或令牌中修复并重新审计，部分通过不算完成状态。令牌系统与现有样式冲突时，优先采用新令牌系统并更新组件 CSS 引用，不保留硬编码覆盖；若调用方约束导致令牌系统不一致，应停止并报告冲突。回滚通过版本控制还原 DESIGN.md、令牌文件和组件 CSS 即可。
完成标志：DESIGN.md、令牌系统文件和实现界面的组件 CSS 已提交，且 slop 审计与 WCAG 2.2 AA 检查均记录为通过；只有两项检查都通过且产物已提交，完成条件才成立。