用途:审计前端文件中的 border-radius 值,把按钮、输入框、卡片、弹窗、徽章、提示框、下拉菜单等结构元素的圆角统一为同一个规范值,改善界面视觉一致性。
主要能力:读取整个文件并盘点所有圆角值;区分结构圆角与胶囊/全圆角;按优先级选择规范值(用户指定、已有设计系统变量、出现最多的值,否则默认 8px 或 0.5rem);在 CSS/SCSS/Less 中引入 :root 变量并统一引用;在 Tailwind 中把混用的 rounded 类映射为单一类;处理内联样式与 CSS-in-JS;保留 50%、9999px、0 及单角覆盖等有意例外;输出修改后的完整文件与变更摘要。
使用方式:当用户提到圆角不一致、需要设计一致性检查或视觉打磨时触发。技能会先审计文件,再确认规范值并加注释,然后归一化结构圆角,最后返回完整文件、顶部说明注释、例外处的 unchanged 注释以及简短变更摘要。
适用场景:清理设计系统或组件库、统一散落的圆角值、多文件跨文件一致性整理。
限制:不改变胶囊形、圆形和刻意直角等语义不同的值;混合单位按主导单位归一(1rem=16px);无圆角值时需询问是否从零建立方案;具体收费、平台与效果暂未提供。