用途：读取一张视觉参考（参考图、截图或 mockup），把它重建为一套真实的设计系统与令牌驱动的代码，而非一次性复制。强调匹配设计语言（配色/字体/间距），不复制受版权保护的图像或品牌资产。
主要能力：从参考图中推断并记录配色（1 个主背景族、文本色、1 个主操作色及至多 1 个强调色）、字体（家族感觉、字号层级跳跃、权重）、间距与密度（基础单位、区块节奏、卡片内边距）、圆角与深度（锐利/柔和/胶囊、阴影或细线分隔）、布局原型与顺序。可对照已知设计系统（通过 aesthetic-systems.md 或 design_systems.py search
使用方式：先检查工具包是否存在，命令为 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING；若显示 KIT_MISSING，说明只安装了技能文件夹，应提示用户运行 npx ux-ui-agent-skills init 或安装插件，然后停止，不要猜测无法打开的文件内容。之后生成三层 DTCG 令牌与单个 theme.css，用 contrast.py 验证明暗两套对比度，按 adapter-protocol.md 重建布局与组件（统一基础层、8 种状态、接入 a11y、使用 lucide 图标、单一主题），最后渲染截图与参考图对比，运行 measure_render.mjs、lint_hardcodes.py、taste_audit.mjs 与 npm run verify。完成标准：verify 100% 通过、只用一套推断令牌主题、截图可见匹配参考设计语言。
限制：匹配的是设计系统而非像素级复制，不还原参考图中的照片、logo 或受版权文案，需替换为自有或通用占位内容。颜色样例若未达 AA 标准会被调整，权衡不凌驾于 POUR 原则。