ESC
↑↓ 选择↵ 打开esc 关闭⌘K 唤起
← Home NO.86
第 86 期 · AI 产品 · 收录于 2026 年 7 月 22 日

用Codex做设计

MT
Meng To · Aakash Gupta
视频 74:35 原文约 6.6 万字 预计阅读 18 分钟 来源视频 ↗ 中英对照全文
双人对谈 · 本期速读电台 00:00 / 21:56
TL;DR · 三句话
  1. 设计圈头部作者 Meng To(Design+Code 创始人)已全面弃用 Cursor、也不用 Claude,改押 OpenAI Codex 做设计与开发——理由是 token 慷慨得多、"项目=本地文件夹"的组织范式、computer use + 技能生态,"你能想到的一切、任何契合你工作流的事,都可以在 Codex 里完成"。→ 详细
  2. 他的核心工作流是"动手前三要素"(Plan mode 先规划 + 先提问再开工 + 用对关键词)加"给一切截图"(一图胜千言),再并行跑 20 个 agent 的舰队——靠这套打法他 6 个月没写一行代码,却同时运营 Aura、New Form、DreamCut 三个产品,年入远超 100 万美元。→ 详细
  3. 对 PM 的警告与出路:被裁的是非技术型 PM,技术型 PM 都留下了;终局是你成为最懂自己领域的人(护城河),让 AI 干掉 92% 的活,用最后 8% 的人类品味统筹 agent 舰队——"万事皆有公式",从五星体验往十一星做。→ 详细
01

定调:被裁的是非技术型 PM

  • Aakash 开场先澄清行业语境:上周 Meta 裁了 10%,几周前 Oracle 也是类似数字,市场上正涌入大量被迫失业的 PM——但"被裁的是非技术型 PM,技术型 PM 反而都留在了那些公司"。→ 详细
  • Meng 的开场金句更狠:"总有一天你会被裁掉,因为 AI 迟早会取代所有人——或者说,我们会找到全新的工作方式。"本期就是给 PM 的"怎么变技术型"实操课。→ 详细
02

嘉宾是谁、本期讲什么

  • Meng To 多年在 YouTube/Twitter 发设计教程,自称"最早教设计师写代码的设计师之一";从 Codex 上线第一天(约 4 个月前)就在用,此前已长期做应用、玩 agent。本期覆盖工作流每个环节:prompt 怎么写、用什么工具、demo/图片/视频/HTML 全给你看。→ 详细
03

为什么"几乎不用 Claude"、全面押注 Codex(工具选型的完整逻辑)

  • Meng 原是 Cursor 重度用户("Cursor 确实很棒,我不是说它不好"),直到 OpenAI 推出 Codex——它改变的不是"怎么写代码",而是"怎么启动项目、怎么围绕项目开启对话"。他眼中当下风暴双中心:一边 Anthropic,一边 OpenAI+Codex;旁边还有 OpenClaw(史上 star 数第一的 GitHub 项目)带火了"一切本地化"。→ 详细
  • 换阵营的最实际理由是 token:"我选 OpenAI 的一个关键原因,是他们在 token 上慷慨得多。我相信有些人已经体验过——'我在 Claude Design 上才发五条 prompt 就到限额了'。原因是他们的模型非常贵,而且(我上次看时)没有 low/medium/high/extra high 这样与 token 成本挂钩的档位设置。"他自己用 $200/月套餐天天跑。→ 详细
  • 行业大势判断:所有工具都在从"文件/文件夹为中心"迁往"以项目为中心的聊天"——Cursor 在脱离 GitHub 文件中心模式,Claude Code 也在从高度技术化的终端走向 Claude Cowork / Claude Design;Codex 开启了这场运动。而"聊天是 UI 的未来"这句话他"完全不同意"——聊天有一堆局限,但它确实是一切的中心。→ 详细
  • 模型层面他两边都认:"当下最强的两个 AI,一个是 Opus 4.7,另一个是开到 extra high 的 GPT 5.5(5.5 被视为黄金标准)。"——押注 Codex 不等于否认对家模型。→ 详细
04

工具全家桶:Codex + Atlas + Wispr Flow + Obsidian

  • Codex="打了激素的 ChatGPT 的 10 倍强化版":不只聊天,还能做幻灯片、HTML、完整网站、移动应用。Atlas(OpenAI 的 AI 浏览器)的价值一句话:"context(上下文)为王"——浏览任何页面点 Ask 即问,还能让 agent 接管电脑替你操作。→ 详细
  • Wispr Flow:语音输入替代打字,最快、准确率最高,带自定义词典(纠正过一次 Aakash 的拼法后就永远记住了——"AI 理解上下文,而且更主动")。→ 详细
  • Obsidian(对 PM 尤其重要):用 Codex/Claude Code 会在本地生成海量 MD 文档,你不会每次回 Codex 里翻,需要一个地方统一组织知识库和"大脑树";分工原则是"MD 文档归 Obsidian、代码项目归浏览器/React、视频归专门的视频管理应用"。→ 详细
05

自造工具哲学:"我用的每一个工具都是自己造的"

  • 视频剪辑器、SaaS 建站模板项目、HTML 设计头脑风暴工具全是自造。理由:"每个人的需求都独一无二,解决它的唯一路径是:一、亲历那些挫败感;二、亲手走完解决它的全过程。""我这辈子都没想过要自己做视频编辑器,可我现在就在做。"每次录播客前,他跟 Codex 聊一聊就生成整份准备文档:hook、demo、谈话要点、调研资料。→ 详细
06

插件 vs 技能、CLI vs MCP vs computer use(大白话版)

  • 插件 vs 技能只差集成深度:插件带完整后端和整套集成(像 Figma/Photoshop 插件,背后有整个团队——OpenAI、Slack、Chrome、Linear);技能是任何人(包括你)都能写的文件。→ 详细
  • 三种连接方式的大白话区分:CLI=AI 进你的命令行跟各种 API 通信;MCP=厂商(如 Figma)提供插件对接 AI agent;computer use=不需要任何人先开发对接,"像人类一样直接用你的电脑"——能自己打开 Figma、用你的鼠标开始设计。"我们处在这段旅程的中途,但现在已经非常强了。"→ 详细
  • 他当下 computer use 的主用途是测试:复现用户问题——它会点击、进入网站(已登录)、走完流程、发现 bug、修掉它。另外 Gmail 插件能回邮件、做 cold outreach;他本人不用 Linear 和日历,客户沟通与团队协作全在 Discord。→ 详细
07

信任与安全:从 OpenClaw 的裸奔到 Codex 的护栏

  • 年初 OpenClaw 爆火时最大的问题是安全:读邮件可能被注入 prompt、偷走 OpenAI 密钥,"当时没有任何防护栏"(他用了约一个月就转 Codex)。现在他敢开 Gmail 插件、敢给 full access 24/7,是因为 Codex/OpenAI 是"可信渠道"、背负问责压力,会做权限请求等护栏——比如支付失败时让 AI 发关怀邮件、有人在 Linear 报 issue 时用 agent(而非呆板自动回复)即时答复。→ 详细
08

Skills 生态:taste skill 与他的技能清单

  • 他实际在用/推荐的技能逐项:taste skill(设计品味,让落地页/幻灯片颜值提升 10 倍)、SwiftUI 技能(DreamCut 的 Mac/iOS 开发)、Playwright(截图最佳)、Netlify/Vercel(HTML/React 拖进去变 URL,绑域名即上线 SaaS/落地页)、copywriting(写好落地页与文档)、前端/CSS/Tailwind 技能,以及落地页动画库类:Lenis、Locomotive、Barba→ 详细
  • 更新技能的时机=发现 agent 有理解欠缺时:做 SwiftUI 应用时发现它缺性能优化知识,就上网找 Mac/iOS 性能相关技能装上。顺带喊话:"如果你是 PM 或创始人,开始做应用吧——你能调用那些几乎没人在应用层面使用的技术。"→ 详细
  • taste skill 的出处:不是 OpenAI 官方的——现场让 Codex 自己去 GitHub 查,来自 "design taste" 前端仓库,有多个版本:redesign skill、soft skill、output skill、brutalist skill,还有 image gen 版。"它本质上就是一个文件,你捡一个现成的公开文件、几乎不改,就能拿到相当不错的幻灯片产出。"(顺带跑了场速度对比:GPT 5.5 medium 档 18 秒完成,比号称"几乎即时"的 Codex Spark 5.3 的 25 秒还快。)→ 详细
09

项目组织:一个项目就是一个文件夹(首次公开的真实 Codex)

  • "这个东西我从没给团队以外的人看过——这是我真实在用的 Codex。这些项目其实都是本地文件夹。"具体做法:去 Downloads 下建一个 projects 文件夹,给手头每一个项目各建一个文件夹,位置可在电脑任何地方。→ 详细
  • 他的文件夹分类逐项:各 App 项目夹之外,还有 content(所有 MD:准备稿、视频脚本、演示材料)、客户支持夹(issue、客户问题、待跟进事项)、公司夹(发票、注册文件、单据收据、团队背景)、skills 夹(技能集中存放)、甚至school 夹(孩子的作业功课)。→ 详细
  • 为什么要这样切:给 AI 上下文要"够而不滥"——"你不想给 AI 塞太多上下文,不然 token 花销太大,这正是需要这样组织文件夹的原因。"文件夹即上下文边界。→ 详细
  • 实测这套组织的威力:口述"看我 Downloads 里的 projects 夹,读 Dreamcut、Aura、New Form 各项目的收入、新增用户、转化率,做成一页幻灯片"——AI 全认得,连那些"不太正常的特殊命名"都能对上。→ 详细
10

动手前三要素:Plan mode + 先提问 + 用对关键词

  • 要素一 Plan mode:任何项目(现场用"扫二维码自动把内容发到我邮箱"的 App 示范)都以"我想规划这个"开头——"你还不想进入写代码阶段,你希望先逐条审批要构建的每一样东西。"计划出来后通读、消化,有疑问就问,确认了才说"好,开干"。连做幻灯片都值得先规划。→ 详细
  • 要素二 先提问:想展开需求(如"邮件里能不能附上二维码指向网站的截图")要以提问方式开头,"否则 AI 可能以为该开始写代码了"。提问也是验证工具边界的方式:"AI 能生成 Keynote 文件吗?如果不能,用 computer use 打开 Keynote 一步步做出来怎么样?"——它答:可靠格式是 PPT,Keynote 能干净打开,.key 可事后转换。→ 详细
  • 要素三 用对关键词:语音把 "GPT Image 2.0" 转成了 "GPT 2.0",他立即叫停、编辑指令补上 "image"——"掌握这些关键词是重中之重,知道要构建什么、该怎么表述,AI 才不会犯错。"另外你的知识储备决定你能不能反问出好问题:AI 说截图用 Browserless/ScreenshotOne,他反问"Playwright 会不会更好?"(因为他在 Aura 里一直用)。→ 详细
  • 档位与预算配套:推理强度 low/medium/high/extra high 与 token 成本挂钩——$20/月套餐做实验选 low/medium;$200/月、准确性至上、同时跑 20 个 agent 的人选 extra high,"因为你等得起"。权限上新手从默认档起步("信任度从 0 到 100,一开始基本是 0"),他自己已开 full access。→ 详细
11

截图为王:上下文输入的三级效率

  • 他 90% 的时间都在做的一件事:给一切截图。逻辑链完整版——"你的思维远比打字快",所以打字最差;第二好是语音(说话比打字快得多);比语音更好的是截图,因为"对 AI 来说,一图胜千言"。→ 详细
  • 配套新功能(上线仅一周):选中浏览器窗口按 Command-Command 连按,自动截取当前聚焦窗口并带着上下文进入对话;改幻灯片时"这里不对,改一下"+截图补上下文,一套微决策循环。→ 详细
12

Codex 移动端:人在外面、活在电脑上跑

  • 上周另一新功能:Codex 移动端藏在 ChatGPT App 里,点 Codex 按钮连上你电脑,通勤/等餐时靠聊天继续推进所有任务——"你做的每一件事都在你电脑上执行,不是在手机上。这就是魔法。"前提:电脑开机,且在设置里授权"锁屏时保持 Codex 运行"。→ 详细
13

Agent 舰队:从"一个光标"到"克隆自己"

  • "十年前用 Figma 或 VS Code,你被限制在一个任务里:一次做一件事、一次一个项目、只有一个光标。如今你拥有一支 agent 大军"——现场三个 agent 同时跑(iOS 方案、数据幻灯片、taste skill 检索),干活时还能往队列里排新指令、随时转向。→ 详细
  • 每个 agent 还能同时生成多套设计/多份文档,"相当于你在克隆你自己。你剩下的唯一工作,就是以产品经理的身份管理这支 agent 舰队,去打造你梦想中的项目。"AI 会犯错(如往一页里硬塞放不下的信息),人负责秒级微决策纠偏。→ 详细
14

幻灯片/设计稿全链路:图像初稿 → 四条工程化闭环

  • 第一步用图像当草稿:"我们要不要先用 GPT Image 2.0 把每页幻灯片生成图片?先做五张,用上 taste skill,让我先确认视觉效果没问题,再去做真正带图层的幻灯片。"——图像生成版=可反馈的初稿,确认品味后才落工程。→ 详细
  • 闭环四条路(Aakash 总结+Meng 确认):① 转 HTML——"我非常喜欢第一张,用最强的图像转 HTML 视觉能力做出来,我知道 GPT 5.5 是这方面最强的之一";② computer use 打开 Figma 重建;③ Figma MCP 创建;④ 用 Keynote/PowerPoint 应用重建。→ 详细
  • 他明确首选 HTML 路线:AI 代码生成如今极强;Figma 路线更慢、要懂 Figma、要装 MCP 甚至进 Figma 手动拖图;而且"你不想同时养一二十个订阅——要把爆炸半径控制得越小越好"。Aakash 补刀:HTML 最可控、最快、全程不出 Codex,"大概也是最省 token 的"。→ 详细
  • 成品还能再进一步变视频:"把这四张幻灯片做成视频,一张张展示、淡入淡出转场、每张 5 秒、要点逐条出现每条一秒,也许用 Hyperframes——先做规划。"这正是 agent 时代之美:"agent 用的不只是 Figma,它可以调用全世界的工具来实现你设定的目标。"→ 详细
  • 现场彩蛋:AI 真的直接生成并打开了 PowerPoint 文件——"你现在拿到的基础版幻灯片,设计上已经比大多数 PM 自己做的好了。我不是说比资深设计师强,但确实更好",且随时可用 taste skill 升级。→ 详细
15

UGC 大转向与 AI 数字分身(avatar/digital twin)

  • 为什么是 UGC:"现在整个行业正大规模转向 UGC 内容,这是营销 2.0。大家已经厌倦了企业官僚味的公关话术,想要像你我这样、在 AI 时代有真实人类经验的人——不仅有价值,还有真实性和能共鸣的视角。"一切本质是"呈现":UGC 就是发在 Instagram/TikTok/Twitter 上的演示。→ 详细
  • avatar 的第一用例是替你出镜:PM 给团队传达信息最好的方式是录屏+人讲解(比开会人性化得多,Loom 场景),而 AI avatar 让你摆脱"还得做头发、穿件像样的衬衫、深夜光线很糟"的负担——打字输入你想说的话+录屏,合成即得演示。→ 详细
  • 制作数字分身的完整 prompt(他现场口述、"塞进了最近实践的大量心得"):进 content 夹找我最好的照片 → 用 GPT Image 2.0 生成 10 张不同角度/光线的我:摄影棚、户外、手机自拍、工作室、YouTuber 状态、办公室伏案。第二步合成:拿 Screen Studio/DreamCut 的录屏 + avatar + markdown 视频脚本,用 Hyperframes 合成一分钟视频,一料三版:16:9 给 YouTube、4:3 带字幕给 X、9:16(avatar 在下、录屏在上、开头 hook、结尾 CTA"来评论区留言")。→ 详细
  • 视频工具选型逐项:ChatGPT 没有视频生成(已下线);专注演示首选 HeyGen(口型同步、创建 avatar/数字分身的整套工具);Seedance 是全能最强(电影制作、理解力最好——"一只猫在东京用吸尘器"这种它做得最出色);也可用 Google Veo / Omni;图像侧 avatar 可用 Canva→ 详细
  • 伦理预警:AI 视频/图像生成会迎来大反弹——"做数字分身没问题,前提是不能用它演示假产品、做不真实的事。我已经看到很多用 Seedance 生成的视频在造假产品,很多人会去 FCC 投诉。"人必须亲自校验内容、确保不误导任何人。→ 详细
16

用 computer use 测试 App、探索设计空间

  • 回答"PM 怎么探索产品功能的设计空间",他给的 prompt 模板:打开 Xcode 把 App 跑在手机/模拟器上(有权限问题、要不要开发者账号都告诉我)→ 给流程每一环节截图:登录、支付、编辑器……每步都可以让 Codex 截图请你校验"像素对不对、设计对不对"。→ 详细
  • 演示中 Codex 真的自己打开了 Xcode 开始构建("做了一堆我不想让它做的事,因为这些不是真项目")——能力与失控风险一体两面。→ 详细
17

PM → Founder:终局公式

  • 变技术≠写代码:"过去六个月我一行代码没写过(很多工程师也是)。技术指的是:你不再是公司里玩官僚玩政治的角色——没人需要那个了,AI 能绕过那一套。你的工作是搞懂所有行话:别人聊 GPT Image 2.0 时你知道那是什么。"有这些知识库和 workflow 的 PM 才留得下、转得动。→ 详细
  • 为什么终局是创业:"大公司对你没有感情——需要就雇你,不需要就裁你。但如果你自己当老板呢?"他现身说法:6 人团队、几个产品年入远超 100 万美元,"我养得起团队、付得起 token 费"。AI 消灭了创业恐惧:文书、记账、无聊杂活、'清洁工'式工作、大量营销活都能代劳。→ 详细
  • 最后 8% 与护城河:剩下的 8-10% 是你做统筹——质量把关、确保给 AI 的计划合理。"任何生意的规则是:你得是最懂这个话题的人,否则你没有任何杠杆。让 AI 成为你的放大器,快速做微决策、部署 agent 舰队。"→ 详细
  • 万事皆有公式:"这是我最近悟出来的:YouTube 有爆款公式、长文有走红公式、Instagram/TikTok 都一样(我在每个平台都做出过爆款)。创业的公式=你在专业上最强 + 部署 agent 舰队 + 用最后 8% 的人类品味统筹。"→ 详细
  • 五星到十一星:AI 让基准线和天花板同时抬高——"如果五星是标准(出自 Airbnb 联创的播客),你至少做到五星,然后想象六星、七星……你的工作是永远在五星之上,并思考代表未来的十一星。"→ 详细
18

插播:Aakash 的 Arize evals 广告段(非嘉宾内容)

  • Aakash 用自己的求职 OS(16 个 agent)演示 Arize:trace→evaluate→fix 循环 20 分钟跑通,agent 幻觉错误率从约 12% 降到 2% 以下;金句"如果你在做 AI 产品却不做评估,那你就是在盲目发布"。→ 详细

[如有 lightning round / 收尾段,逐题列出,保留嘉宾原答案的具体内容(书名、产品名、座右铭原话)。]

[嘉宾联系方式(如有)。]

🎯 于你何益 为你定制 · 非通用结论

[由 wiifm 技能(模式 A · 单篇)填写——见 skills/wiifm/SKILL.md。 它会读 skills/wiifm/references/wiifm-profile.md 拿用户项目,过诚实闸门(无关→一两行并停、不硬掰),按项目逐条写"怎么做的 / 你可以怎么做"两段 + 更深角度(反着用/冲突/镜子)+ 所以呢;通俗、无内部编号代码。 本期总结写完后由「步骤 6.5」委托 wiifm 生成;用户也可事后单独跑 wiifm 重做这段。]

One Human Company 新号(2026-07 回填)

怎么做的:Meng To 首次公开他真实在用的 Codex——"一个项目就是一个文件夹":Downloads 下一个 projects 夹,每个项目一个夹,另有 content、客户支持、公司(发票/注册文件/单据)、skills、甚至孩子作业夹。理由直白:"你不想给 AI 塞太多上下文,不然 token 花销太大"——文件夹即上下文边界。

你可以怎么做:C 类候选——《Meng To 说"一个项目就是一个文件夹",我把一人公司的上下文照他的刀法切了一遍》:把 drizzle tech 现在散着的项目材料按他的分类重切,对比重切前后同一任务的 token 账单和 AI 跑偏次数,可抄物是"一人公司文件夹结构图"。这同时喂 B 支柱的成本账——账单数字是你独有的,删掉只剩他的截图复述,不发。

怎么做的:他的成本纪律成体系:推理档位与预算挂钩($20 套餐用 low/medium 做实验,$200 + 同时跑 20 个 agent 才配 extra high);选 HTML 路线而非 Figma 的理由之一是"你不想同时养一二十个订阅——爆炸半径越小越好";换阵营押 Codex 的第一理由干脆就是"OpenAI 在 token 上慷慨得多"。

你可以怎么做:这是 B 支柱"AI 员工成本账"的现成参照系。写《我给每个 AI 员工定了工资档位》:drizzle tech 的 9+1 角色哪些配高推理档、哪些用便宜档就够、判断依据是什么,晒一个月分角色 API 账单。可抄物是"角色×档位对照表"。他"最贵的模型留给等得起的活"这个原则,值得在文中作为引用出处点名。

怎么做的:他的创业终局公式——"你在专业上最强 + 部署 agent 舰队 + 用最后 8% 的人类品味统筹",且断言行业正大转向 UGC:"大家已经厌倦了企业官僚味的公关话术,想要有真实人类经验的人——不仅有价值,还有真实性。"配套伦理红线:数字分身可以用,"但不能用它演示假产品"。

你可以怎么做:这三句几乎是新号的时代背书,落成经营动作而非选题:①"最后 8% 的品味"就是你弹药库闸门的另一种说法——每篇的"我的判断和实测"就是那 8%,删掉它内容确实不成立;②UGC 真实性论点支持你"不做资讯搬运"的定位——你的竞争力恰是"真实人类在一人公司里踩坑"这件事本身;③他的"一料三版"(16:9/4:3/9:16)流水线等号建起来后可直接抄给小红书+Twitter 双平台分发。

对你的镜子:Meng "6 人团队、几个产品年入超百万美元、我付得起 token 费"——他是你新号想成为的样子的活样本;差别是他先做了十年内容积累才有今天的分发力。Phase 0 攒存稿这一步,别羡慕他的量级,学他"每个工具都为自己造"的选题源:你的每次自造,就是下一篇 A 类。

接着读