用途：把界面截图还原成 React + TypeScript + Tailwind 代码，目标是接近像素级一致，而非“看起来差不多”的近似稿。
主要能力：按五步工作流执行——审计截图（布局、字体、颜色、效果、状态，用数字而非形容词记录）、推导设计系统（间距单位、字号阶梯、调色板、圆角与阴影层级）、规划组件树、编写代码、对照原图逐项验证。支持多张截图（不同断点、状态、滚动位置）以推断响应式与交互行为。
使用方式：输出为 React 函数组件 + TypeScript + Tailwind 工具类，可放入标准 Vite + React + Tailwind 项目，除 lucide-react 外无需额外配置。优先用任意值语法（如 pt-[3.25rem]、bg-[#0B0F19]）保持精度；仅在 @keyframes、多层背景、::before 装饰等工具类无法表达时使用 style 块或 CSS 模块。使用语义化 HTML，图标优先 lucide-react，图片用同尺寸占位符。补充 hover、focus、active 状态与 150–300ms 过渡，并遵循 prefers-reduced-motion。移动优先，用 sm:/md:/lg: 向上叠加。
适用场景：将设计稿、截图或 mockup 转为可运行前端代码；需要高保真还原间距、字重、圆角、阴影与配色层次时。
限制：只还原不重设计，不替换布局、配色或字号，不删减看似装饰的元素；若发现疑似错误，忠实实现并在末尾一行说明。信息不完整时从设计系统推断并简要标注假设，不因缺信息停滞。交付为代码文件加简短说明（图标替换、占位图、推断值），不提供教程式讲解。具体安装命令与官方文档暂未提供。