用途:对已有网站或应用做设计升级,使其达到更高端的视觉质量。工作流程为三步:扫描代码库,识别框架、样式方案(Tailwind、原生 CSS、styled-components 等)与现有设计模式;按审计清单诊断通用 AI 风格、薄弱点与缺失状态;在现有技术栈上做针对性修复,不重写、不迁移框架或样式库。
主要能力:审计并改进排版(字体选择、标题层级、行宽行高、字重、等宽数字、字距、孤行)、颜色与表面(避免纯黑背景、过饱和与多强调色、AI 渐变、通用阴影、均匀渐变、光照方向不一致、明暗模式混用、缺乏纵深)、布局(对称居中、三等分卡片、100vh、复杂 flex 百分比、缺 max-width、统一圆角、缺留白、按钮与特性列表未对齐)、交互与状态(悬停、按下、过渡、焦点环、加载/空/错误状态、死链、当前页指示、平滑滚动、GPU 动画)、内容(真实姓名与数据、避免 AI 文案套话与感叹号、主动语态、真实日期与头像)、组件模式、图标与代码质量(语义 HTML、相对单位、alt 文本、z-index 体系、meta 标签),以及常被忽略的法律链接、返回导航、404 页、表单校验、跳转内容链接与 Cookie 同意。
使用方式:按修复优先级推进——换字体、清理配色、补悬停与按下状态、修布局与间距、替换通用组件、补加载/空/错误状态、最后打磨排版与间距。每次改动后测试,保持改动可审查。
限制:需在现有技术栈内工作;改动前先查依赖文件,使用 Tailwind 时先确认 v3 或 v4;无框架时用原生 CSS。具体安装命令与调用方式暂未提供。