用途：把一个参考图、截图或线框图重建为基于设计令牌、可访问的代码，目标是匹配参考图背后的设计系统，而非照抄单个页面。
主要能力：像设计师一样读取参考图，推断并记录调色板（1个主导表面族、文字色、1个主操作色和至多1个强调色，取色不凭空猜十六进制）、字体（几何/无衬线/衬线感、尺度跳跃、标题与正文对比、字重）、间距与密度（基础单位、区块节奏、卡片内边距）、圆角与深度语言、布局原型与排序（整屏英雄区、非对称分栏、bento、编辑式堆叠等）。若与已知美学系统接近，可通过 python3 .claude/skills/_ux-ui-shared/scripts/design_systems.py search <term> 检索并沿用其配方。
使用方式：从推断值构建三层 DTCG 设计令牌并生成单个 theme.css；用 .claude/skills/_ux-ui-shared/scripts/contrast.py 和 validate_contrast.py 校验明暗两种模式下每个颜色对的对比度，采样色未达 AA 需调整；通过 .claude/skills/_ux-ui-shared/frameworks/adapter-protocol.md 与组件目录重建布局与组件，共用原始层、覆盖全部8种状态、接入无障碍，不使用 emoji（改用 lucide），保持单一主题；再渲染截图与参考图并排比对，运行 node .claude/skills/_ux-ui-shared/scripts/measure_render.mjs、lint_hardcodes.py、taste_audit.mjs 和 npm run verify。
完成标准：npm run verify 达到 100%（令牌可解析、明暗对比度达 AA、无硬编码与 emoji、真实渲染符合 WCAG）；重建界面只使用一个推断出的令牌主题，不按区块分设配色；结果截图与参考图的设计语言明显一致。
限制：匹配的是设计系统，不是像素级复制；不得复制参考图中的照片、标志或受版权保护的文案，需替换为自有或通用占位内容。资料未提供的具体平台支持、安装方式和定价暂未提供。