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