用途：Baseline UI 通过一套有明确倾向的 UI 基线约束，防止 AI 生成的界面代码出现“slop”（粗糙、不一致）问题，用于快速清理或打磨界面，修复间距、层级、排版和小型布局问题。
主要能力：规则覆盖技术栈、组件、交互、动画、排版、布局、性能和设计多个方面。技术栈要求默认使用 Tailwind CSS 默认值，JS 动画使用 motion/react，入场和微动画使用 tw-animate-css，类名逻辑使用 cn 工具（clsx + tailwind-merge）。组件要求键盘或焦点行为使用可访问的原语（Base UI、React Aria、Radix），优先使用项目已有原语，同一交互面不混用原语系统，图标按钮必须加 aria-label。交互要求破坏性操作使用 AlertDialog，加载状态用结构骨架，禁用 h-screen 改用 h-dvh，固定元素尊重 safe-area-inset，错误就近显示，不阻止粘贴。动画要求非明确要求不加动画，只动画 transform 和 opacity，交互反馈不超过 200ms，循环动画离屏暂停，尊重 prefers-reduced-motion。排版要求标题用 text-balance、正文用 text-pretty，数据用 tabular-nums，密集 UI 用 truncate 或 line-clamp。布局要求固定 z-index 层级，方形元素用 size-*。性能要求不动画大 blur 或 backdrop-filter，不在非活动动画外使用 will-change，不用 useEffect 表达渲染逻辑。设计要求非明确要求不用渐变、紫色或多色渐变，不用发光作为主要可供性，空状态给出一个明确下一步操作，每视图限制一个强调色。
使用方式：在对话中输入 /baseline-ui 可将约束应用到本次对话中的所有 UI 工作；输入 /baseline-ui <file> 可针对指定文件审查，输出违规位置（引用具体行或片段）、原因（一句话）和具体修复建议（代码级）。
适用场景：需要快速清理或打磨界面、审查 UI 代码是否符合统一基线时使用。
限制：资料未提供安装命令、收费、价格、平台支持范围等信息；规则为有倾向性的约束，部分要求（如不使用渐变、紫色）需在明确要求时才可突破。