用途:在不破坏现有功能的前提下,把已有网站或应用升级到更专业的设计品质。流程遵循“先审计、后重设计”,全程以 shadcn-ui-design 为 UI 权威规范。
主要能力与使用方式: 先阅读工作流文件 .claude/skills/_ux-ui-shared/workflows/redesign-audit.md,按 Scan → Diagnose → Direct → Apply → Verify 顺序执行。扫描代码库,确认框架、样式方式、token 实际情况、组件以及必须保留的部分;用 Banned Defaults 清单与设计评审规则做诊断,输出按优先级排序的问题表;选择适合品牌的体系或原型;按 token → 字体与间距 → 组件状态 → 动效的顺序应用改动,不改变路由、数据与标记语义(可访问性修复除外);最后重跑设计评审与可访问性审计,对原有可用流程做冒烟测试,并检查暗色模式与响应式。
规范与限制:必须使用语义化 Tailwind token(如 bg-primary、text-muted-foreground、border-border),不得硬编码颜色或使用原始调色板(如 bg-blue-600);通过 npx shadcn@latest add … 添加基础组件,不要 fork components/ui/;保留蓝色主色的亮色与暗色主题。token 唯一来源为 .claude/skills/_ux-ui-shared/tokens/.json,编译输出到 app/globals.css。多页应用须统一到单一 token 主题,所有页面都消费同一主题,不允许各页各自配色。可用 .claude/skills/_ux-ui-shared/scripts/validate_contrast.py 校验对比度,用 lint_hardcodes.py 检查硬编码颜色。约束:绝不因美观牺牲可用功能,不发布对比度不达标的品牌色,不移除现有可访问性支持,交付完整文件而非占位内容。价格、平台与具体效果暂未提供。