更关键的是：全程我没敲过一行命令，也没自己点过一次鼠标。Codex 替我跑命令、操作电脑上的任何 app（浏览器、Finder、设计软件都行）、配数据库。2026/5/21 之后 Codex 还可以在 Chrome 里多 tab 后台并行跑，不占用你的浏览器——它替你注册账号、改 DNS 的时候，你能同时刷推、开会。

下面拆这套流程。本文默认你已经跑过 Codex 的第一个 prompt。所有「上线」对应英文 ship，「vibe coding」指跟 AI 聊天式写代码且不自己敲键盘。

Codex 现在能干三件事——这是零动手的关键

中文圈大多数人还以为 Codex 只是个「AI 写代码工具」。2026/5 之后它实际上是三件套，加起来正好能替你跑完整套副业站。

  • CLI 命令执行：跑 npm / git / pnpm / vercel 等命令。用于装工具、起项目、部署。
  • Computer Use（桌面级）：操作电脑上任何 app——Chrome、Safari、Finder、设计软件、任意 GUI。授权一次后 Codex 替你点鼠标、输入、截图。Chrome 上有专门的 extension，用你已登录的 session 最稳。用于注册账号、改 DNS、配 Search Console、操作任何不能命令行的 app。
  • MCP 服务调用：Supabase、GitHub、Stripe 等都有 MCP 接口，直接调外部服务的 API 与配置。用于配数据库 schema、创建仓库、设支付。

铁律：你只跟 Codex 中文说话 + 看屏幕 + 按 y 同意。调 CLI、Computer Use 还是 MCP，由 Codex 自己决定。Computer Use 是 Codex App 的桌面级功能，任何 Mac / Windows GUI 应用都能控制，不只是浏览器。出于安全考虑，Codex 自己与终端 app 不能被自动化。

2026/5/21 升级要点：Codex 在 Chrome 里跨多 tab 并行、后台跑、不占用浏览器（Mac + Windows 全平台，EU / UK 暂未开放）。同一个 Codex thread 的 Chrome tab 会自动归到一个 tab group 方便回看，在 Codex App 里装 Chrome plugin 即可启用。

工具栈：1 个付费 + 4 个免费起步

  • Codex：主驱动 + Computer Use + MCP 三件套，$20/月。
  • Open Design：设计稿生成，开源，9 种 CLI 通用，local-first 本地跑，$0。
  • Supabase：数据库 + 登录 + 文件存储，有 MCP 接口，免费层 500MB DB / 50k 月活，$0。
  • Vercel：部署 + 域名托管 + CDN，免费层 100GB 带宽/月，$0。
  • Replicate：AI 模型 API，按用付费 $0.001-0.01/次。
  • 域名：自选，$10/年（Namecheap）。

第一年总成本约 $250（$20×12 + 域名 $10，不含按用 API）。

为什么是 Daily Word Categories

美区文字与数字游戏是 2026 蓝海。三个公开可查的数据点：sudoku.com 月有机搜索 1269 万且近期还在涨（SimilarWeb 2026/4）；NYT Games 据 The New York Times 公开口径日活 1000 万+；「Connections hints today」一类长尾词每日搜索量大（以 Google Keyword Planner 为准）。

这个品类适配 AI 建站的几个理由很硬：AI 直接生成无限关卡，每天 16 个词 + 4 组主题分类，Codex 一句话出；UI 极简，小白 5 秒懂规则，没有复杂状态；变现路径清楚——AdSense 接流量、联盟推同类工具、高级订阅卖每日 hints；最后，中文圈大多数开发者不做美区文字游戏，竞争小。

关于 Open Design

Open Design 是 nexu-io 团队开源的 Claude Design 替代品（GitHub: github.com/nexu-io/open-design）。三个核心特性决定了它解决 vibe coding 派最大短板——UI 设计：

  • Local-first：装你电脑上，不上传数据。
  • BYOK（bring-your-own-key）：用自己的 API key，成本可控。
  • 19 Skills + 71 brand-grade Design Systems：覆盖电商、SaaS、游戏、个人站。
  • 9 种 CLI 通用：Codex、Claude Code、Cursor、Gemini、OpenCode、Qwen、Copilot、Hermes、Kimi 都吃。

五步上线：你做啥 / Codex 做啥

Step 1：Codex 替你注册 5 个账号（约 15 分钟）

你做：跟 Codex 说「帮我注册 5 个账号」，看屏幕 + 输入邮箱/密码/验证码，OAuth 授权时点 Allow。

Codex 做：用 Computer Use 打开浏览器，依次打开注册页 → 自动填表单 + 处理 OAuth 跳转 + 记录账号信息 → 引导你确认 + 切到下一个。

发给 Codex：

用 Computer Use 帮我依次注册：GitHub / Vercel / Supabase / Namecheap / Replicate。优先用 GitHub OAuth 登录（Vercel / Supabase 都支持）。我输入邮箱密码，你帮我跑流程 + 最后把 5 个账号信息整理成一份清单。

推荐用 Chrome extension，能复用你已登录的 session，最稳。

Step 2：装 Open Design + 全部工具链（约 10 分钟）

你做：发一句 prompt，按 y 同意每一步。

Codex 做：检查本机环境 → 缺啥装啥 → 装 Open Design 启动 → 跑所有命令 + 显示进度 + 装完告诉你访问地址。

发：

去 github.com/nexu-io/open-design 装 Open Design 到 ~/Tools/open-design。Mac 优先用官方签名 app。装 Supabase CLI + Vercel CLI。装完告诉我 Open Design 本地地址 + 3 个工具版本号确认装好。

3-8 分钟完成。

Step 3：用 Open Design 出设计稿（约 5 分钟）

你做：发 prompt 描述游戏站需求，从候选里选一个。

Codex 做：用 Computer Use 打开 Open Design 界面 → 输入需求 → 出图 → 把候选放你面前 → 把选中的设计保存到项目目录。

发：

用 Computer Use 打开本地 Open Design。给我做一个 Daily Word Categories 游戏站设计——类似 NYT Connections，每天 16 个英文词分 4 组。深色主题，移动端优先，参考 NYT Games 极简风格。出 3 个候选我选。

我选了第 2 个：黑底、大字、4×4 网格。

Step 4：写前端 + 用 Supabase MCP 配数据库（约 15-20 分钟）

你做：发 prompt 描述功能，等 Codex 跑完。

Codex 做：写 React 前端 + 用 Supabase MCP 直接配数据库 schema + RLS + 写 API + 配定时任务，全程不用打开 Supabase 后台。

发：

选第 2 个设计稿转成 Next.js 项目。用 Supabase MCP 直接配 2 张表：(1) puzzles（date + 16 words + 4 categories）(2) user_progress（user_id + puzzle_date + solved_at）。RLS 基础规则配上。每天 6 点定时任务（cron job）用 GPT-5 生成新关卡。

7-15 分钟之后，localhost:3000 能玩了。

Step 5：部署 Vercel + 改 DNS + 提交 Search Console（约 15 分钟）

你做：发 prompt，必要时输入 Namecheap 与 Google Search Console 密码。

Codex 做：CLI 跑 git push + vercel deploy + 同步环境变量；Computer Use 打开浏览器，操作 Namecheap 改 DNS，切到 Google Search Console 提交验证 + sitemap。

发：

推到 GitHub 新仓库，部署到 Vercel，环境变量自动同步。用 Computer Use 登录我的 Namecheap，把 dailywordcat.com 的 DNS 改成 Vercel 给的 nameserver。同样去 Google Search Console 装好 + 提交 sitemap.xml。

20-30 分钟域名解析完成。这一刻站就在线上了。

三个最容易踩的坑

坑 1：Computer Use 没授权会卡在 Step 1 / 3 / 5。 Codex Computer Use 第一次操作每个 app 时会弹窗让你点「允许」。如果之前没用过，建议先去系统设置 → 隐私 → 辅助功能 / 屏幕录制给 Codex 授权一次，免得中途卡 5 分钟找权限弹窗。Chrome 用 Chrome extension 最稳。

坑 2：Supabase RLS 没配 = 数据库裸奔。 Codex 用 MCP 配 RLS 是基础版。上线前必须看一眼规则是否合理，具体怎么配下篇细讲。

坑 3：Chrome 后台并行 ≠ 所有 Computer Use 都能并行。 Step 1 注册账号 / Step 5 改 DNS 属于 Chrome 任务，可以后台并行，你能同时用电脑做别的。但 Codex 操作 native app（Finder / Photoshop / 任何非浏览器 app）时仍是 sequential——这种时候别抢鼠标、别 cmd+tab 切走。Step 2-4 与 Open Design 本地交互偶尔会进 native 模式，注意一下。

这套栈能做哪些站

  • 美区文字/数字游戏站（蓝海首选）：Wordle 变体、Connections 变体、数独、填字。
  • 每日 puzzle 答案站（长尾流量收割机）：「Connections hints today」「Wordle answer today」一类，sudoku 赛道头部月有机搜 1269 万。
  • 热词工具站（「AI XX Generator」类）：跟着新模型发布做工具落地页。
  • 带登录支付的 SaaS：Supabase auth + Stripe + Vercel = 完整商业站。

成本与收入参考区间

  • 第 1 个月：成本 $20-30，收入 $0-50（建站 + 等 Google 收录）。
  • 第 3 个月：成本 $30-50，收入 $50-300（单站流量起来）。
  • 第 6 个月：成本 $50-100，收入 $500-1000+（多站累积，AdSense + 联盟）。

收入是行业常见区间，以你实际 AdSense / 联盟后台为准。参考天花板：sudoku.com 一个站月有机搜索 1269 万。

一些立场

以前上线一个站要三个角色：设计师 + 前端 + 后端，或者一个人学三套技能花三个月。现在一份 Codex 订阅 + Open Design 开源把三个角色都包了，月 $20 比一杯星巴克贵不了多少。

更关键的变化是：Codex 现在不止能写代码，还能用 Computer Use 操作电脑上任何 app（不只是浏览器，Finder / Photoshop / 任何 GUI 都行）+ 调 MCP 配后端服务。再加上 5/21 OpenAI 放出的 Chrome 多 tab 后台并行，小白真的零动手 + 零等：你只动嘴 + 看屏幕 + 按 y。

美区文字与数字游戏站还是蓝海——sudoku.com 月 1269 万搜索还在涨，多数中文开发者还没动。信息差本身就是钱。挑一天把这五步跑一遍，跑通之后，每上线一个新站就是 30 分钟的事。

说明：所有流程为 2026/5/21 实跑验证（Codex CLI + Codex Computer Use + Codex Chrome plugin 含 5/21 后台并行 tab 升级 + Open Design + Supabase + Vercel 当前版本）。工具、价格、免费层政策会变，以官方最新为准。Chrome 后台并行 tab 功能 Mac + Windows 全平台可用，EU / UK 暂未开放（以 OpenAI 官方公告为准）。流量、收入数据来自公开行业来源，以你实际后台为准。涉及变现请符合当地法规。