用途：为 Web 界面提供 UI/UX 最佳实践参考，可在审查动画、CSS、音频、排版、UX 模式、预取或图标实现时使用，并以 152 条规则、12 个类别按影响优先级指导代码审查与生成。
主要能力与规则类别：动画原则（critical，前缀 timing-、physics-、staging-，如用户动画需在 300ms 内完成、交互元素需 :active 缩放、错开延迟低于 50ms）；时序函数（high，spring-、easing-、duration-、none-，如手势与可中断动效用弹簧、入场用 ease-out、按压悬停 120-180ms、用户触发最长 300ms）；退出动画（high，exit-、presence-、mode-、nested-，如条件动效需 AnimatePresence 包裹、动态列表用唯一 key）；CSS 伪元素（medium，pseudo-、transition-、native-，如 ::before/::after 需 content、视图过渡需 view-transition-name）；音频反馈与音效合成（medium，a11y-、impl-、weight-、context-、envelope-、param- 等，如每个声音需视觉等价、提供关闭开关、复用单个 AudioContext、指数衰减目标 0.001）；变形图标（low，morphing-，如每个图标恰用 3 条 SVG 线、统一 viewBox 14x14）；容器动画（medium，container-，如外层动画 div 与内层测量 div 分离、用 ResizeObserver）；UX 定律（high，ux-，如点击目标最小 32px、400ms 内响应、渐进披露、系列位置、峰终效应）；预测性预取（medium，prefetch-，如轨迹预测优于悬停、按意图预取、触屏回退）；字体排版（medium，type-，如数据用表格数字、标题 text-wrap: balance、font-display: swap、禁用字体合成）；视觉设计（high，visual-，如同心圆角、分层阴影、统一光源方向、一致间距刻度）。
使用方式：规则文件位于 rules/ 下，例如 rules/timing-under-300ms.md、rules/spring-for-gestures.md、rules/ux-doherty-under-400ms.md、rules/type-tabular-nums-for-data.md。每条规则包含为何重要的简要说明、错误代码示例及解释、正确代码示例及解释。完整指南见 AGENTS.md。
适用场景：Web 界面的动画与交互实现、CSS 与视图过渡、音频反馈设计、图标组件、UX 模式评审、性能感知优化与排版细节。
限制：资料未提供安装命令、平台、收费或运行环境信息；规则的具体阈值与代码示例以各规则文件为准。