用途：将设计参考转化为具备设计感、可用于生产的前端界面，技术栈为 Tailwind CSS + Shadcn UI。适用于三类任务：从设计参考新建项目、为现有项目替换主题、修复现有项目的主题或颜色问题。
主要能力：分析截图等设计参考并提取颜色、字体、间距、圆角、阴影等设计令牌；按所选美学方向（极简、极繁、复古未来、奢华、趣味、杂志排版、粗野等）生成设计令牌；区分 Tailwind 3.x 与 4.x 的配置方式（v4 使用 CSS @theme inline，颜色需用 --color-* 前缀，tailwind.config.js 中的颜色会被忽略）；提供移动优先的响应式改造；硬编码颜色审计与替换映射；主题切换组件；覆盖层组件的显式配色；以及用浏览器进行视觉验证。
使用方式：技能内给出分步流程（新项目走步骤 0→6，改造走 0→3→7→11），并列出辅助命令，例如检查版本 grep '"tailwindcss"' package.json，检测响应式写法 grep -rn "sm:|md:|lg:" src/，审计硬编码颜色 grep -rn "bg-gray-" src/ 等。改造时先用 grep 检测是否已采用移动优先；若检测到桌面优先或无响应式写法，会先询问用户是否改造再执行。
限制与注意：Tailwind v4 需遵循其变量与命名规则；移动端覆盖层组件应使用显式颜色加 dark: 前缀而非 CSS 变量；bg-clip-text text-transparent 的渐变文字在暗色模式下可能不可见，建议改用纯色。具体安装命令、价格与平台支持等信息资料中暂未提供。