概览
使用 Codex、Build Web Apps 和 Vercel,将仓库、截图、设计稿或粗略的应用想法变成可分享的可用预览部署。
适合场景
- 将截图、地图、设计简述或粗略的应用想法转化为可用的 Web 预览
- 无需手动配置 Vercel 命令即可部署分支或本地应用
- 在 Codex 完成构建并检查部署后,分享在线 URL
构建并部署预览版本
使用 @build-web-apps 将[仓库、截图、设计稿或粗略的应用想法]变成可用的网站。 然后使用 @vercel 部署一个预览版本,并把在线 URL 发给我。 背景信息: - [网站应实现的功能] - [要使用的源数据、API、文档或资源] - [风格或产品限制] - [任何不要改动的内容] 在交还给我之前,先在本地运行构建并确认部署已就绪。
建议推理强度:中
从网站和部署目标开始
Codex 可以构建或更新网站或应用,运行项目检查,用 Vercel 部署,并返回 URL。
有用的交接信息应当尽量具体:仓库、截图、地图、设计简述、产品说明、API 文档或数据源。Codex 应在修改项目之前先进行检查,然后默认使用 Vercel 插件部署预览版本。
当 Codex 需要构建或打磨应用时,使用 @build-web-apps。当它需要部署、检查部署或读取 Vercel 构建日志时,使用 @vercel。
分享之前先检查结果
Codex 应该告诉你它改了什么、它使用了哪个命令来构建项目,以及 Vercel 部署是否已就绪。如果部署需要环境变量、团队选择、域名设置或登录步骤,Codex 应明确指出,而不是假装网站已经完成。
请明确区分生产环境变更。预览部署是默认选项;只有在你确实需要时才请求部署到生产环境。
基于在线 URL 持续迭代
拿到预览版本后,请保持同一个对话线程继续进行。让 Codex 打开该 URL、修复布局问题、更新文案、接入缺失的数据,或者在部署失败时读取 Vercel 日志。这个线程已经包含了仓库、部署和构建上下文。
好的后续指令应当足够具体:
- "移动端布局太拥挤了。修复它并重新部署预览版本。"
- "使用同一个项目,并添加来自 [source] 的最新数据。"
- "读取失败的构建日志并修复部署问题。"
