用途：将 Stitch 设计稿（HTML/截图及 DESIGN.md）落地为 React/Vite 数据看板，覆盖表格、筛选、分页与异步状态，并保持设计 token 一致。
主要能力：把 DESIGN.md 的颜色、字体、间距映射到项目 CSS 变量并记录来源；拆分页面、展示组件与 hooks，保留语义 table、label、焦点与路由；按接口契约设置 queryKey、查询函数、分页及加载/空/错误/重试状态，无接口时用明确标记的演示适配器；运行项目 type/lint/build 与交互验证，做本地 token 一致性检查。
使用方式：先读取实际工程版本与屏幕资产，不默认升级 React/Vite；按依赖排序执行来源核对、本地产物、已授权外部操作、验证交接。缺信息时先输出带标记的假设草案，并列出所需输入：目标 React/Vite 工程与锁定版本、Stitch HTML/截图及 DESIGN.md、接口契约、分页规则和演示数据。
适用场景：门店运营稿转预约量看板、为订单表格增加查询与空/错/加载状态、明确需求下展示链上只读数据。
限制：普通单个卡片转换应改用 stitch-react-components；shadcn 原语迁移用 stitch-shadcn-ui；签名交易或财务建议交给明确授权的业务流程，先交付只读数据需求。不读取无关账号配置，不收集密码，凭据仅由环境或已授权连接器提供；示例只用演示数据，上传前替换客户姓名、电话、订单号并检查元数据；禁止将密钥、会话 cookie、base64 全文或签名下载 URL 写入报告或版本库。未验证的参数、视觉效果与业务数字不得编造，输出需注明来源、决策依据、实际执行与未验证部分。筛选/分页应改变 queryKey，不得以 mock 冒充后台；VITE_* 仅含公开配置。是否自动上传、安装或上线：只执行当前请求与已有授权覆盖的动作，无远程回执不称上传成功，无运行验证不称上线。