用途：这是一份 UI/UX 与前端设计最佳实践指南，原名 frontend-design。在编写、审查或设计前端代码时参考使用，目标是帮助构建可访问、性能良好且易用的界面。
主要能力：共 42 条规则，分 8 类并按影响优先级排列，每条规则带前缀标识。
- 无障碍与 WCAG 合规（CRITICAL，前缀 access-）：语义化 HTML、键盘导航、焦点指示、alt 文本、ARIA 标签、最小触控目标 24×24px、标题层级。
- Core Web Vitals 优化（CRITICAL，前缀 cwv-）：LCP 低于 2.5s、CLS 低于 0.1、INP 低于 200ms、srcset 响应式图片、离屏懒加载、关键 CSS 内联。
- 视觉层级与布局（HIGH，前缀 layout-）：视觉层级、留白、F 型阅读模式、网格系统、单屏单一主 CTA、邻近分组。
- 响应式与移动优先（HIGH，前缀 resp-）：min-width 移动优先、clamp() 流式排版、容器查询、触控目标 44×44px、viewport meta。
- 排版与字体加载（MEDIUM-HIGH，前缀 typo-）：font-display、预加载关键字体、行宽 45-75ch、行高 1.5-1.7、系统字体栈。
- 色彩与对比度（MEDIUM，前缀 color-）：对比度 4.5:1、不单靠颜色传达信息、prefers-color-scheme 深色模式、语义化色板。
- 表单与校验体验（MEDIUM，前缀 form-）：失焦后行内校验、可操作错误提示、标签置于输入框上方、正确的 input 类型、autocomplete 属性。
- 动画与性能（LOW-MEDIUM，前缀 anim-）：仅动画 GPU 加速属性、谨慎使用 will-change、尊重减少动效偏好、合适的时长与缓动。
使用方式：阅读各条规则的独立参考文件获取详细说明与代码示例；另有章节定义（分类结构与影响等级）、规则模板（新增规则用）以及示例 access-semantic-html。完整展开版见 AGENTS.md。
适用场景：前端界面开发、代码审查、设计评审，尤其是需要兼顾无障碍与性能指标的项目。
限制：资料未提供安装命令、依赖、平台支持、收费或价格信息，暂未提供。