CSS设计规范检查器

关于 CSS 设计规范检查器

该工具用于按设计规范检查 CSS 关键指标，覆盖颜色、字体、间距、圆角、阴影、对比度与批量代码扫描。

核心功能

• 多维检查面板：按颜色/字体/间距/圆角/阴影/对比度分类检查。
• 规则维护：可维护允许值列表（如色板、字号、圆角集合等）。
• 对比度校验：基于前景色与背景色评估可读性。
• 批量快速检查：输入 CSS 代码并做统一规则扫描。
• 结果与配置管理：支持结果清理、配置导出/导入与重置。

使用说明

1. 选择检查分类标签（如颜色或字体）。
2. 输入待检查值并执行检查。
3. 在结果面板查看通过/不通过及建议。
4. 需要时切换到批量检查，粘贴 CSS 做整体扫描。
5. 导出当前配置供团队复用。

使用场景

• 设计系统落地时的样式规范守卫。
• 提交前快速自检，减少评审反馈成本。
• 多项目共享规范的一致性校验。

常见问题

为什么同样式在项目里通过、工具里不通过？

通常是规则集不同（允许值/阈值不一致）。请先确认导入的是同一份团队规范配置。

批量检查适合替代人工评审吗？

不完全替代。它更适合作为基础筛查，语义和设计意图仍需人工把关。