SuperAPI AI 工具集

stitch-ui-react-components

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:把 Stitch 屏幕/HTML 转换或同步为 React/Vite 组件,面向设计师、前端开发者及维护该流程的团队。

主要能力:将门店预约等 Stitch 页转为 React 组件;修复桌面品牌标识未返回首页等导航问题;把新设计 token 同步到已有 React 页面;拆组件、数据与 hooks,使用 readonly Props;接入既有路由并核对桌面/移动导航。

使用方式:先检索所需屏幕 HTML/截图并保留 ID 与来源时间;从当前 HTML 和 DESIGN.md 提取 token 到目标工程;按目标项目约定拆组件;接入路由;执行脚本 AST 检查、项目类型/构建检查与视图验证,分层报告证据。按依赖排序:来源核对→本地产物→已授权外部操作→验证交接。缺信息时先输出假设草案并精确列明缺少项。

适用场景:Stitch 转 React 组件、token 同步、导航一致性校验。

限制:不适用于 React Native 原生界面(转 stitch-ui-react-native-components)、shadcn 原语迁移(转 stitch-ui-shadcn-components)、Remotion 走查视频(转 stitch-remotion)。需要目标 React 工程与工具链、指定 Stitch 屏幕或有来源的缓存资产、路由表/主题/组件行为契约。AST 仅证明解析、Props 和字面 className hex 检查,不替代浏览器点击测试。写入、付费、发布等不可逆动作需明确授权;未验证内容标记 NOT_VERIFIED。