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