SuperAPI AI 工具集

import-prototype

编程与开发

查看项目

更新于 10-16 08:05

技能介绍

用途:把 Builder.io 原型导入当前项目。

主要能力与流程:该技能使用 Builder dev-tools CLI 完成导入,分三步。第一步获取 Builder 原型 URL,必须匹配 https://builder.io/app/projects/... 形式;若用户给出其他格式,应提示必须以 https://builder.io/app/projects/ 开头并请其提供正确链接。第二步明确导入意图,若用户未说明或意图不清晰,需询问想从原型中导入什么,例如完整布局、特定组件、样式等,并将其作为 {prompt} 值;若上下文中意图已明确(如“导入 hero 区块”或“导入整页设计”),可直接使用。第三步通过 Bash 工具运行以下命令:

npx --yes @builder.io/dev-tools@latest code --prototype "{builderUrl}" --prompt "{prompt}" --accept

其中 {builderUrl} 为校验后的 Builder.io URL,{prompt} 为用户意图。

注意事项:运行前始终校验 URL 格式,拒绝不以 https://builder.io/app/projects/ 开头的链接;不要臆测意图,含糊的提示会导致 CLI 输出质量差;命令中的两个参数需加引号以正确处理空格和特殊字符。该命令使用 npx,始终拉取 @builder.io/dev-tools 的最新版本,无需安装步骤。执行过程可能耗时数分钟,需等待其自行完成,不要中断终端。

限制:资料未提供离线可用性、失败回滚、兼容环境等更多说明。