用途：让产品界面看起来经过刻意设计、符合当下审美，而不是拼凑或过时。核心思路是先建立约束（令牌、尺度），再让各屏幕自然统一。
主要能力与流程：
- 动手前先观察：用本地数据运行应用，在桌面和手机宽度截图。命令示例：uvx --from playwright playwright screenshot --viewport-size "1280,800" "http://127.0.0.1:$PORT/" before-home-desktop.png；手机宽度用 "390,844"。保留 before 图，每次改动按前后对比审阅。
- 按六大基础审计：层级（眯眼看是否只有一个明显主元素）、排版（1–2 个字族、5–7 级模块化字号、正文 16px 行高约 1.5、行长 50–75 字符）、间距（基于 4px 的一套尺度，相关元素更近）、颜色（中性灰阶、一个品牌强调色、语义色，正文对比度 4.5:1）、布局（最大内容宽度、网格对齐、手机宽度重排而非缩小）、一致性（同角色同一样式、统一圆角与图标）。
- 令牌优先：在 :root 定义 CSS 自定义属性（颜色、字体、间距、圆角、阴影），按角色命名如 --color-text-muted、--space-4；深色模式通过 @media (prefers-color-scheme: dark) 覆盖角色令牌。已用 Tailwind 则把尺度放进其主题。
- 组件与状态：修好按钮、输入、卡片、表格、徽章、弹窗、导航等基础组件，覆盖 default、hover、focus-visible、active、disabled、loading 等状态。
- 视觉验证：改动后按同样宽度重新截图并排对比，检查层级、390px 无溢出、焦点环可见、深色模式。
适用场景：网页或原生应用的 UI 现代化改造；将设计工作拆解为可审阅的单个 PR（如引入令牌、采用字号尺度、重建按钮样式）。
限制与说明：原生 iOS/macOS 应遵循 Apple Human Interface Guidelines 而非移植网页惯例；反模式包括无令牌逐屏改样式、把换 CSS 框架当设计修复、用渐变阴影掩盖弱层级、白底浅灰文字、全部居中、只设计桌面理想路径。具体产品名称、收费与平台信息暂未提供。