用途:把已有网站或应用升级到更高设计水准。它不新建项目,而是在现有代码基础上做审计与改进。
使用方式:按三步执行。Scan 读取代码库,识别框架、样式方案(Tailwind、原生 CSS、styled-components 等)与现有设计模式;Diagnose 按审计清单列出通用模式、薄弱点和缺失状态;Fix 在现有技术栈内做针对性升级,不从头重写。
主要能力:审计覆盖排版(默认字体、标题力度、正文宽度、字重层级、数字对齐、字距、孤字)、颜色与表面(纯黑背景、过饱和强调色、多强调色、冷暖灰混用、AI 紫蓝渐变、阴影着色、纹理与渐变、光照方向、明暗区块跳变、扁平无深度区块)、布局(全居中对称、三等分卡片、100vh、flex 百分比、缺 max-width、等高卡片、统一圆角、缺层叠、对称内边距、侧边栏惯性、留白不足、按钮与特性列表未对齐)、交互与状态(悬停、按下、过渡、焦点环、加载、空、错误状态、死链、当前页标识、平滑滚动、动画属性)、内容(假名、整数、占位公司名、AI 文案套话、感叹号、Oops、被动语态、相同日期与头像、Lorem Ipsum、标题大小写)、组件模式、图标与代码质量。还列出常见遗漏:法律链接、返回导航、404 页、表单校验、跳转正文链接、Cookie 同意。
升级技巧:可变字体动画、描边填充、文字遮罩;破格网格、留白最大化、视差卡片堆叠、分屏滚动;惯性平滑滚动、错峰入场、弹簧物理、滚动驱动揭示;真实玻璃拟态、聚光边框、噪点叠加、着色阴影。
修复优先级:换字体、清理配色、悬停与按下状态、布局与间距、替换通用组件、补加载/空/错误状态、打磨排版与间距。
限制与规则:必须沿用现有技术栈,不迁移框架或样式库;不破坏现有功能,每次改动后测试;引入新库前先查依赖文件;用 Tailwind 需先确认 v3 或 v4;无框架则用原生 CSS;改动保持小而聚焦、便于审查。资料未提供具体安装命令、收费方式或平台支持信息。