SuperAPI AI 工具集

stitch-shadcn-ui

前端与建站

查看项目

更新于 10-16 05:48

技能介绍

用途:为 Stitch 来源的 React 页面选择、迁移和验证 shadcn/ui 原语、主题与 registry 内容。适合设计师、前端开发者及维护该流程的团队,用于把预约表单迁为 shadcn Input/Button、迁移订单详情 Dialog 并保留键盘行为、比较 registry 源码与现有主题 tokens 等。

主要能力:按现有 cn/cva/主题约定逐组件迁移并保留可访问性;核对原 Props、状态、键盘与主题;检索当前可用 registry 工具与组件源,审查依赖与变更后再应用;运行目标类型/lint/build 与键盘/主题检查。

使用方式:先读取当前工程版本和 Stitch HTML/截图,明确只迁移的组件;先读 migration-guide;按依赖排序执行来源核对、本地产物、已授权外部操作、验证交接。需要目标工程与 components.json、Stitch 资产及当前组件行为、Tailwind/React 版本和待迁移范围。缺信息时先输出明确标记的本地假设草案,并列出需要补充的内容,依赖这些输入的写操作不执行。

限制:verify-setup.sh 仅是 Tailwind3 启发式,不代表 Tailwind4 或全部通过。通用 React 页面转换应改用 stitch-react-components;原生 App 用 stitch-react-native;业务登录或支付服务走项目接口流程。不读取无关账号配置,不收集用户密码;示例只用演示数据,上传前替换客户姓名、电话、订单号并检查元数据;禁止将密钥、会话 cookie、base64 全文或签名下载 URL 写入报告或版本库。未经验证的参数、视觉效果、业务数字不得编造,输出需注明来源、决策依据、实际执行与尚未验证部分。只执行当前请求与已有授权覆盖的动作,没有远程回执不称上传成功,没有运行验证不称上线。

完成标准:保留 Dialog 焦点恢复与键盘关闭;registry 源和依赖实际审查;浅/深主题及焦点可见性经验证。可定制 registry、原语、主题、variant、目标组件和迁移顺序。