用途：在构建或审查 UI 代码时应用布局原则，让位置、间距与对齐自身传达层级，并保证设计在尺寸变化、翻译、RTL 镜像等压力下仍成立。
主要能力与原则：用留白而非分隔线做分组，组内间隙与组间间隙至少相差 2 倍（如组内 8px、组间 16px+）；交互控件须与静态文本视觉区分；对齐到共享边，方向相关布局使用逻辑属性（padding-inline-start、margin-inline-end）；按重要性排序，先上后下、先前导后尾随；隐藏内容需有可见提示（如下一项露出 16–32px）；相邻带边框或填充控件间距从 12px 起，无边框文本/图标控件周围留 24px 余量；内容全出血、控件内缩并考虑安全区；断点由内容决定而非设备预设；为语言导致的字符串增长预留空间，避免固定宽高与把关键操作放在易被裁剪处。
使用方式：可直接用于构建或布局审查，所有改动须用项目现有样式体系表达（Tailwind、原生 CSS、CSS-in-JS），不得引入第二套方案。独立审查按发现项与验证两部分输出，发现项按原则分组，用含 Severity、Location、Before、After、Why 的表格；严重度分 HIGH（阻断内容或操作）、MEDIUM（损害层级、阅读顺序或适应性）、LOW（局部对齐或间距微调），重复的系统性问题合并为一行并列出所有位置。结论为存在 HIGH 则 Block，仅 MEDIUM/LOW 则 Needs changes，无问题则 Approve。
限制：文中数值仅为未建立密度或间距体系时的起点，应保留项目既有标记与紧凑专业工具风格；命中区域与焦点行为归 better-accessibility，视觉打磨归 better-ui，行长与文本间距归 better-typography。具体平台、收费、安装方式等资料暂未提供。