从 Prompt、URL 或截图到可发布网站
一条可落地的 CopySite AI 发布流程:用两个免费项目开始,从 Prompt、URL 或截图生成,检查快照,再导出、发布或交付到 GitHub。
CopySite AI 解决的是一个很具体的商业结果:把一个想法、参考网址或截图,变成可以真正交付的网站。它不是只生成一个页面,而是覆盖输入、生成、预览、恢复、交付,以及有价值后升级这一整条路径。
从真实来源开始
你可以用三种方式开始:
- Prompt - 描述网站、受众、语气、区块和想要的技术栈。
- URL - 粘贴一个你有权复刻的公开页面,让 CopySite 提取结构、层级和视觉线索。
- 截图 - 当来源是设计稿、竞品页面或旧站时,上传截图,把它重建为可编辑的 React 项目。
新用户会获得初始积分,并且免费版可以保留 2 个有效 CopySite 项目。也就是说,你可以先完整跑通一次真实流程,再决定是否升级。
生成可编辑代码,而不是锁死的效果图
每个项目都会进入隔离沙箱中的编码智能体循环。CopySite 会写出 React 和 Tailwind 文件,记录运行日志,并创建初始快照。工作台会展示:
- 实时预览;
- 生成文件;
- 对话式精修;
- 构建日志;
- URL 或截图项目的来源证据;
- 有截图时的视觉对比。
这很关键,因为真正要交付的不是一张静态预览图,而是能检查、能修改、能上线的代码。
用快照作为恢复机制
每次关键修改都会创建快照。如果一次精修偏离方向,不需要重开项目,直接恢复到之前的版本。你也可以用对比视图确认改动,再决定是否接受。
对团队和接客户项目的人来说,这会把 AI 生成变成可审计流程:你能看到来源、生成结果、差异和恢复路径。
交付最终结果
网站准备好后,根据任务选择交付方式:
- 预览当前构建结果,方便评审;
- 导出项目包,交给客户或开发者;
- 发布当前快照;
- 推送到 GitHub,进入仓库、Pull Request 或客户源码交付流程。
CopySite 也会记录发布证据,让你看到哪些步骤已通过、哪些还需要人工操作,以及下一步应该做什么。
什么时候升级
当你需要更多有效项目、更大积分额度、团队协作、重复导出或生产交付支持时,就应该升级。若当前账号或地区的自动支付还没接好,可以从价格页、账单页或积分页走人工升级路径。这个请求会带上足够上下文,方便运营人员加积分或完成套餐调整。
目标很直接:先免费验证两个真实项目;当 CopySite 确实帮你更快交付时,再为它付费。