SuperAPI AI 工具集

stitch-ui-shadcn-components

前端与建站

查看项目

更新于 10-15 21: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 版本和待迁移范围)。

适用场景:面向设计师、前端开发者及维护该流程的团队,用于 shadcn/ui 组件迁移与主题一致性验证。

限制:verify-setup.sh 仅是 Tailwind3 启发式,不代表 Tailwind4 或全部通过;通用 React 页面转换应改用 stitch-ui-react-components,原生 App 用 stitch-ui-react-native-components,业务登录或支付服务走项目接口流程;不读取无关账号配置、不收集用户密码,示例只用演示数据;未经验证的参数、视觉效果、业务数字不得编造;写入、付费、发布等不可逆动作需明确授权。