ui-review 是一个 UI 代码审查技能,来自 bitjaru/styleseed,用于对指定文件进行设计系统合规性、无障碍(a11y)和最佳实践检查。用法为审查 $ARGUMENTS 指定的文件,按清单逐项核对并输出结果。
主要检查项包括:设计令牌合规(禁止硬编码十六进制颜色,使用语义令牌如 text-foreground、bg-brand;Tailwind 中禁止硬编码 px 间距,如用 p-6 而非 p-[24px];阴影使用 CSS 变量;圆角遵循刻度);组件约定(使用 data-slot 属性、cn() 合并 className、React.ComponentProps<> 类型化 props、支持 className 覆盖、具名导出、避免仅添加 className 的包装组件);无障碍(交互元素触控目标不小于 44x44px、focus-visible 样式、必要的 aria-* 属性、WCAG AA 对比度、尊重 prefers-reduced-motion、图片 alt 文本、表单标签关联);移动端最佳实践(无横向溢出、触控间距、安全区域适配、文字不小于 12px、滚动容器使用 -webkit-overflow-scrolling: touch);性能(避免不必要重渲染、图片懒加载、重组件代码分割);排版(Pretendard/Inter 字体栈、14 级字号刻度、字重 400/500/600/700、不同层级行高与字距规则);间距一致性(6px 倍数、避免任意间距、使用 size-* 简写与 ms-/me- 逻辑属性、动效使用设计令牌)。
输出格式为:评分(Pass / Needs Improvement / Fail)、问题列表(含 file:line 引用)、修复建议(具体代码改动)。具体安装方式、平台支持与收费信息暂未提供。