Codex 用例
部署应用或网站
构建或更新 Web 应用，部署预览，并获取实时 URL。
难度 中级
时间周期 30m
结合 Codex 与构建 Web 应用和 Vercel，将代码库、截图、设计稿或初步应用构想转化为可供分享的可用预览部署。
适用场景
- 将截图、地图、设计简报或初步应用构想转化为可用的 Web 预览
- 部署分支或本地应用，无需手动配置 Vercel 命令
- 在 Codex 运行构建并检查部署后，分享实时 URL
目录
部署应用或网站
构建或更新 Web 应用，部署预览，并获取实时 URL。
结合 Codex 与构建 Web 应用和 Vercel，将代码库、截图、设计稿或初步应用构想转化为可供分享的可用预览部署。
中级
30m
结合 Codex 与构建 Web 应用和 Vercel，将代码库、截图、设计稿或初步应用构想转化为可供分享的可用预览部署。
中级
30m
适用场景
- 将截图、地图、设计简报或初步应用构想转化为可用的 Web 预览
- 部署分支或本地应用，无需手动配置 Vercel 命令
- 在 Codex 运行构建并检查部署后，分享实时 URL
技能与插件
- 借助 React、UI、部署、支付和数据库指导，构建、审查和准备 Web 应用。
- 部署预览、检查部署、阅读构建日志以及管理 Vercel 项目设置。
| 技能 | 为什么使用它 |
|---|---|
| 构建 Web Apps | 借助 React、UI、部署、支付和数据库指导，构建、审查和准备 Web 应用。 |
| Vercel | 部署预览、检查部署、阅读构建日志以及管理 Vercel 项目设置。 |
起始提示词
使用 @build-web-apps 将 [代码库、截图、设计稿或初步应用构想] 转化为可用的网站。然后使用 @vercel 部署预览并将实时 URL 交给我。背景信息：- [网站应具备的功能] - [要使用的源数据、API、文档或资产] - [样式或产品约束] - [无需更改的内容] 在交还给我之前，请运行本地构建并确认部署已准备就绪。
使用 @build-web-apps 将 [代码库、截图、设计稿或初步应用构想] 转化为可用的网站。然后使用 @vercel 部署预览并将实时 URL 交给我。背景信息：- [网站应具备的功能] - [要使用的源数据、API、文档或资产] - [样式或产品约束] - [无需更改的内容] 在交还给我之前，请运行本地构建并确认部署已准备就绪。
从网站和部署目标开始
Codex 可以构建或更新网站或应用，运行项目检查，使用 Vercel 进行部署，并返回 URL。
有效的交接应是具体的：代码库、截图、地图、设计简报、产品说明、API 文档或数据源。Codex 应在更改项目前先进行检查，然后默认使用 Vercel 插件部署预览。
使用 @build-web-apps 当 Codex 需要构建或完善应用时。使用 @vercel 当它应进行部署、检查部署或阅读 Vercel 构建日志时。
使用 @build-web-apps 将 [代码库、截图、设计稿或初步应用构想] 转化为可用的网站。然后使用 @vercel 部署预览并将实时 URL 交给我。背景信息：- [网站应具备的功能] - [要使用的源数据、API、文档或资产] - [样式或产品约束] - [无需更改的内容] 在交还给我之前，请运行本地构建并确认部署已准备就绪。
分享前检查结果
Codex 应告诉你它更改了什么、使用了哪个命令来构建项目，以及 Vercel 部署是否已就绪。如果部署需要环境变量、团队选择、域名设置或登录步骤，Codex 应明确指出，而不是假装网站已完成。
保持生产环境变更的明确性。默认采用预览部署；仅在确实需要时才要求部署到生产环境。
基于实时 URL 进行迭代
获得预览后，请保持同一话题继续。要求 Codex 打开 URL、修复布局问题、更新文案、接入缺失的数据，或者在部署失败时阅读 Vercel 日志。该话题已包含代码库、部署和构建上下文。
好的后续指令应当具体：
- “移动端布局太拥挤。请修复并重新部署预览。”
- “使用相同的项目并添加来自 [来源] 的最新数据。”
- “阅读失败的构建日志并修复部署问题。”
