用途：Web Design Guidelines 将 100+ 条网页设计规则编码为一套可执行规则集，供智能体在生成 UI 代码、审查设计或构建新页面时应用，使界面默认具备无障碍、性能与视觉一致性。规则综合了 WCAG 2.2 AA 要求、平台特定 HIG 约定与经实证的 UX 模式。
主要能力：覆盖无障碍（WCAG 2.2 AA）、可见且符合逻辑的焦点状态、表单校验与标签、动画（prefers-reduced-motion）、流式排版比例、响应式图片与 alt 文本、性能（懒加载与 CLS）、导航（键盘与层级）、深色模式（系统偏好）、触控目标（最小 44px）以及 i18n 与 RTL。每条生成组件在输出前都会经过适用的规则类别；无障碍规则不可协商，其他类别按组件类型应用。
使用方式：适用于生成新 UI 组件或页面、审查前端代码的无障碍合规性、实现深色模式或主题切换、构建带校验的表单、添加动画或过渡、优化图片与媒体、支持国际化或 RTL 布局。资料给出的实现示例包括 :focus-visible 的 outline、prefers-reduced-motion 媒体查询、clamp 流式字号变量、prefers-color-scheme 深色模式、44px 最小触控尺寸，以及带 label、aria-invalid、aria-describedby 与 role=alert 的表单组件。
适用场景与限制：平台支持方面，Cursor、VS Code、Windsurf、Claude Code、Cline 为 Full，aider 为 Partial（设计上下文有限）。最佳实践包括：发布前用纯键盘导航测试每个页面；正文最小对比度 4.5:1，大文本 3:1；优先使用语义 HTML 再考虑 ARIA；提供在明暗背景均可见的焦点指示；为图片设置显式宽高以防 CLS；支持 prefers-reduced-motion、prefers-color-scheme 与 prefers-contrast。安装命令、收费与价格信息暂未提供。