Baseline UI 是一个带有明确主张的 UI 基线约束技能，用于防止 AI 生成的界面代码出现“slop”（粗糙、不专业）问题。它适合在界面需要快速清理或打磨时使用。
使用方式：输入 /baseline-ui 可将这些约束应用到当前对话中的任何 UI 工作；输入 /baseline-ui <file> 则会针对指定文件逐条检查约束，并输出违规位置（引用具体行或片段）、原因（一句话）以及具体的代码级修复建议。
主要约束覆盖多个方面。技术栈上要求优先使用 Tailwind CSS 默认值，JavaScript 动画使用 motion/react，入场和微动画使用 tw-animate-css，类逻辑使用 cn 工具。组件上要求键盘或焦点行为使用可访问的原语（Base UI、React Aria、Radix），优先复用项目已有原语，同一交互面不混用原语系统，纯图标按钮必须加 aria-label。交互上要求破坏性操作使用 AlertDialog，加载状态使用结构化骨架屏，固定元素尊重 safe-area-inset，错误就近显示，禁止阻止粘贴。动画上禁止未经请求添加动画，只动画 transform 和 opacity，交互反馈不超过 200ms，尊重 prefers-reduced-motion。排版上标题用 text-balance、正文用 text-pretty，数据用 tabular-nums。布局上使用固定 z-index 层级，正方形元素用 size-*。性能上避免动画大范围 blur 或 backdrop-filter，不在非活动动画上使用 will-change。设计上禁止未经请求使用渐变、紫色或多色渐变，强调色每视图限一个。
限制：该技能为有主张的约束集合，可能与项目既有风格冲突；具体安装命令、收费与平台支持等信息暂未提供。