用途：让智能体构建或审查的每个界面达到 2026 年前端设计水准，覆盖视觉工艺、UX、无障碍、动效与 CSS 架构。技能分 BUILD（构建）与 AUDIT（审计）两种模式，由七份规则文件支撑；两种模式均以 WCAG 2.2 AA 为硬性底线，以有辨识度的设计（而非模板化/AI 通用输出）为质量标杆。
BUILD 模式：先锁定设计系统再写界面，建立或定位令牌（字号阶梯、OKLCH 色阶与语义层、4/8pt 间距、圆角、深度语言、时长/缓动令牌），已有设计系统则扩展令牌而非内联值。默认技术栈为语义 HTML → CSS grid/flex 配合 gap → 容器查询 → 逻辑属性 → 级联层；交互组件优先用无头库或原生元素（dialog、popover、details）。所有交互组件需覆盖 9 种状态（hover、focus-visible、active、disabled、loading、error、empty、skeleton 及默认），数据视图需覆盖 loading/error/empty/partial/ideal。无障碍内建：标签、按 APG 的键盘模型、焦点管理、实时区域、双主题对比度、从第一个动画起尊重 prefers-reduced-motion。动效须有目的（定向、反馈、连续性或状态），仅用 transform/opacity，进入 200–300ms、退出更快。至少做 3 个有意的全局设计决策，并应用反通用清单。完成前用对应规则清单自检，并在 320px、200% 缩放、纯键盘、暗色模式、RTL 及极端内容下测试。
AUDIT 模式：先做范围梳理，识别界面、令牌/系统层与框架，优先 grep 系统性坏味道（组件内 hex/px 字面量、outline: none、transition: all、user-scalable=no、占位符当标签、可点击 div、:focus 无 :focus-visible、静态 CSS 中的 will-change、新代码中的物理属性）。再按各规则文件的审计清单逐域检查，优先无障碍（有法律权重），其次 UX 状态，再到视觉/系统/动效。尽可能用 Playwright/浏览器做运行时验证（纯键盘任务、320px 回流、200% 缩放、双主题、减弱动效模拟、axe 扫描）。发现按严重度与修复杠杆排序，而非罗列。
严重度：Blocker（A 级失败阻断键盘/辅助技术用户完成任务、数据丢失 UX、返回按钮失效）；Critical（有变通方案的 A/AA 失败、核心流程缺错误/加载状态、320px 或 200% 缩放布局损坏）；Major（范围有限的 AA 失败、状态覆盖不全、动效未处理减弱偏好、系统性令牌违规、触控目标 < 24px）；Minor（AAA/最佳实践缺口、视觉漂移、模板化美学）。小改动不降低严重度，被锁死的用户不评 Minor。
发现格式：严重度、领域、一行问题、位置、规则（含 WCAG 条款）、影响、修复、工作量。审计结尾给出各严重度计数、杠杆最高的三项修复，以及未验证的清单（如未做屏幕阅读器测试），保证覆盖诚实。
规则索引：01 排版与颜色；02 布局、间距与响应式；03 设计系统与组件；04 UX 模式；05 无障碍；06 动效设计；07 视觉工艺与辨识度。多域常同时适用，例如新对话框涉及 03（API）、04（确认/撤销）、05（焦点陷阱）、06（进出动效）。
十大不可妥协项：始终 WCAG 2.2 AA；语义 HTML 优先于 ARIA；所有状态齐备才算完成；用令牌而非字面量；间距来自 4/8 刻度且由父级用 gap 掌控；焦点受管理；表单用可见标签并完整 autocomplete/inputmode；动效有目的且尊重减弱偏好；破坏性操作用撤销优先于确认；有辨识度但守纪律。
限制：资料未提供安装命令、收费、价格、平台支持或具体使用步骤，暂未提供。