用途：每个 UI 项目运行一次，把指定设计系统落地为 token、UI 组件库和可验证预览页，并完成三项登记（文档、AGENTS.md 引用、项目 UI 技能），让后续 UI 改动复用组件库。需在 /agents-md → /setup-matt-pocock-skills → 占位符填充之后运行；触发条件出现时重跑 extend。
主要能力：从来源提取 token（颜色、字体、间距、圆角、阴影）与基础组件清单及状态；按目标技术栈习惯生成组件库；生成渲染全部组件及状态的预览页作为验证关卡；检查文本/背景 token 对是否满足 WCAG AA（正文 4.5:1、大字 3:1、焦点指示与控制边界）；来源定义明暗主题时 token 同时携带并在预览中渲染。
使用方式：输入为目标项目代码（决定输出习惯，缺失则先走 /agents-md）与设计系统来源（必需，未指定时按 references/source-selection.md 有序发现；无来源或未经批准的引导式定义则停止询问，不得编造）。bootstrap 为默认首次运行，已有设计系统文档或组件库则切换为 extend。输出按目标习惯生成：框架 Web 用框架组件加服务端渲染预览路由，React Native 用组件库加预览屏，静态 HTML/PHP 用 HTML/CSS 组件加静态预览文件。
适用场景：需要把设计系统统一落地到代码库、避免 UI 一次性内联、并建立可复用组件库与预览验证的 UI 项目。
限制：仅负责设计系统本身，不提交、不推送、不写 ADR、不产出交接；不自动串联后续步骤，只建议并停止；不硬编码路径；不得静默调整来源颜色或字体回退；预览需用户亲自查看后才算验证通过；子代理仅用于提取与调研，综合由主代理负责。具体命令、路径与模板细节以官方资料为准，本资料未提供完整代码示例。