实测 Codex 自动写网页：程序员慌了，自媒体人笑了
上周五晚上，我做了一个实验。
打开 OpenAI Codex 桌面 App，输入一段话：”帮我做一个产品落地页，暗色系科技风，顶部导航栏，Hero 区域有标题、副标题和 CTA 按钮，下面是三栏功能介绍，底部有邮件订阅表单和页脚。”
然后我去泡了杯咖啡。
回来的时候，网页做好了。不是那种”能看但丑”的 AI 产物——是真的好看。渐变背景、毛玻璃卡片、hover 动效、响应式布局，手机上打开也没问题。
整个过程，6 分钟。我没写一行代码。
我把截图发到朋友圈。做前端的朋友回了一个字：”……”。做自媒体的朋友回了三个字：”教教我！”
这就是 2026 年的现实：同一个工具，程序员看到的是威胁，自媒体人看到的是自由。
先说清楚：2026 年的 Codex 到底能干什么
很多人对 Codex 的印象还停留在”代码补全”。那是 2021 年的事了。
2026 年的 Codex，是一个自主编程 Agent。它搭载 GPT-5.3 Codex 模型，有桌面 App（macOS + Windows）、Web 版（在 ChatGPT 里用）和命令行工具（开源，Rust 写的）。发布一个月，超过 100 万人下载，周活用户突破 160 万。
关键能力：你用自然语言描述需求，它自己规划架构、写代码、跑测试、修 Bug。不是”帮你写一段代码然后你自己组装”，是端到端交付一个能跑的项目。
更关键的是：免费用户也能用。 ChatGPT Free 账号就可以使用 Codex，只是额度有限。Plus 用户（$20/月）额度更高。
这意味着什么？意味着做一个网页的门槛，从”会 HTML/CSS/JavaScript”变成了”会打字”。
实测：5 个网页，5 种场景
为了写这篇文章，我用 Codex 做了 5 个不同类型的网页，记录了每一个的效果和耗时。
测试 1：产品落地页
需求描述： “科技感暗色落地页，包含导航栏、Hero 区域（大标题 + 副标题 + CTA 按钮）、三栏功能卡片、客户评价轮播、邮件订阅、页脚。”
结果： 完美。渐变背景、卡片 hover 动效、响应式适配全部到位。CSS 用了 Grid + Flexbox，还自动加了 prefers-color-scheme 暗色适配。
耗时： 6 分钟
人工调整： 换了一下按钮颜色，改了两行文案。5 分钟。
测试 2：个人博客首页
需求描述： “简约风格的个人博客首页，左侧是文章列表（标题 + 日期 + 摘要），右侧是作者简介和分类导航。支持浅色/深色模式切换。”
结果： 布局合理，深浅模式切换流畅。有一个小问题：文章列表的日期格式用了美式（MM/DD/YYYY），我让它改成中文格式，10 秒搞定。
耗时： 4 分钟
人工调整： 换了字体，调了行间距。3 分钟。
测试 3：在线简历
需求描述： “一页式在线简历，包含个人信息、工作经历时间线、技能进度条、项目展示卡片、联系方式。打印友好。”
结果： 时间线组件做得很精致。技能进度条有动画。打印样式（@media print）也自动处理了——隐藏了导航栏和装饰元素，纯内容输出。
耗时： 5 分钟
人工调整： 几乎不用改。换了张头像就上线了。
测试 4：数据可视化仪表盘
需求描述： “管理后台仪表盘，顶部有 4 个统计卡片（用户数、收入、订单数、转化率），中间是折线图和柱状图，底部是数据表格。深色主题。”
结果： 用了 Chart.js 画图表，数据是模拟的但结构完整。表格支持排序。有一个问题：图表在窄屏上会溢出。我说了一句”图表在手机上显示不正常”，Codex 自己加了 overflow-x: auto 和容器宽度约束，修好了。
耗时： 8 分钟
人工调整： 换了模拟数据为真实数据。15 分钟（主要是我自己在找数据）。
测试 5：活动报名页（带表单验证）
需求描述： “线下活动报名页面，有活动介绍、日程安排、报名表单（姓名、邮箱、手机、公司、职位），表单需要前端验证。提交后显示成功提示。”
结果： 表单验证写得很规范——邮箱格式、手机号位数、必填项都有。提交后有一个漂亮的成功动画。但数据只是前端模拟提交，没有后端。这是预期内的——纯前端页面本来就没后端。
耗时： 7 分钟
人工调整： 改了活动信息的文案。5 分钟。
汇总
| 网页类型 | Codex 耗时 | 人工调整 | 总耗时 | 质量评分 |
|---|---|---|---|---|
| 产品落地页 | 6 分钟 | 5 分钟 | 11 分钟 | 9/10 |
| 个人博客首页 | 4 分钟 | 3 分钟 | 7 分钟 | 8/10 |
| 在线简历 | 5 分钟 | 1 分钟 | 6 分钟 | 9/10 |
| 数据仪表盘 | 8 分钟 | 15 分钟 | 23 分钟 | 7/10 |
| 活动报名页 | 7 分钟 | 5 分钟 | 12 分钟 | 8/10 |
5 个网页，总耗时不到 1 小时。如果找外包，这些至少要 3-5 天，费用 2000-5000 元不等。
程序员真的要失业了吗？
这个问题，2026 年初在硅谷已经不再是玩笑。
旧金山标准报 2 月的一篇深度报道里，记录了大量一线工程师的真实感受。一位大型科技公司的初级工程师说：”我现在基本上就是 Claude Code 的代理。我的经理告诉我做什么，我告诉 Claude 去做。”
一些触目惊心的数据：
- 2026 年，活跃开发者 46% 的代码由 AI 生成
- 2000 万开发者每天使用 AI 编码助手
- 美国 15 大科技公司自 2019 年以来新毕业生招聘下降 55%
- UC 系统计算机科学专业入学率 2025 年**下降 6%**——这是自 2000 年互联网泡沫以来的首次下滑
- Anthropic 和 OpenAI 的工程师公开表示：AI 已经写了他们 100% 的代码
Claude Code 的创造者 Boris Cherny 上周在 Y Combinator 的播客上说了一句引发巨大争议的话：**”编程实际上已经被解决了。软件工程师这个头衔会消失，取而代之的是’构建者’或’产品经理’。”**
UC Berkeley 的计算机科学教授 James O’Brien 更直白：**”再过一年，我预计编程 Agent 会比任何人类都强。”**
但——事情没那么简单。
不会消失的是什么
恐慌之后，冷静下来看，有几个关键事实：
第一，AI 做得好的是”实现”，不是”决策”。
Codex 能在 6 分钟内做出一个漂亮的落地页。但它不知道：这个落地页应该强调什么卖点？CTA 按钮的文案用”立即体验”还是”免费试用”？配色应该传递什么品牌调性？
这些是产品决策，不是技术实现。AI 是一个超级快的执行者，但它不是决策者。
第二，SWE-bench 70% ≠ 100%。
AI 在标准化编程测试上的分数从 2024 年的 33% 跃升到 2026 年的 70% 以上。但剩下的 30%——安全漏洞、竞态条件、边缘情况、架构设计——恰恰是最值钱的部分。
打个比方：AI 能盖 70% 的房子，但剩下 30% 包括承重墙和地基。
第三，”写代码”从来不是程序员的全部价值。
Root Ventures 的投资人 Lee Edwards 说了一句很精辟的话：对于那些能充分利用 AI 的工程师来说，这就像给了他们一台”核动力六轴铣床”——一个人就是一座软件工厂。
以前一个团队干的活，现在一个人加上 AI 就能搞定。这不是失业，是杠杆率暴涨。
METR（一家独立 AI 评估机构）2026 年初的研究也证实：开发者使用 AI 工具后的生产力确实在提升，但有一个有意思的发现——开发者改变了他们尝试做的事情的类型，倾向于利用 AI 的长处。工具没有替代人，而是改变了人和工具的分工方式。
自媒体人：真正的受益者
说完程序员的焦虑，再说说谁在偷着乐。
自媒体人、内容创作者、独立创业者——他们才是 AI 编程工具最大的受益者。
为什么？因为他们有最多的”想做但做不了”的需求：
- 想做一个个人品牌官网，但不想花 5000 块找外包
- 想做一个课程报名页，但不想学 WordPress
- 想做一个数据展示页面，但不想碰 JavaScript
- 想快速上线一个活动页，但不想等开发排期
以前，这些需求要么花钱外包（贵），要么用模板建站工具（丑），要么自己学代码（慢）。
现在？打开 Codex，用人话描述一下，6 分钟搞定。
PCMag 的记者做了一个极端测试：他零编程经验，用 Codex 在 2 小时内做出了一个能调用全球公共摄像头的监控仪表盘。不是玩具项目，是能跑的真东西。他的评价是：”Codex 的设置比 Claude Code 更简单。下载、登录、开始聊天。”
一个自媒体人实际需要的网页，远比监控仪表盘简单。这意味着：从此，美工和开发，真的不用求人了。
但也别太嗨：它做不到的事
坦诚地说，Codex 在网页制作上还有几个短板：
1. 复杂交互逻辑容易出错。 简单的表单验证没问题，但涉及多步骤流程（比如电商下单 → 支付 → 发货跟踪），它容易在状态管理上出 Bug。
2. 后端是另一个世界。 Codex 做纯前端网页很强，但如果你需要用户登录、数据库、支付接口——这些后端逻辑的复杂度远超前端。它能做，但质量和安全性需要专业人员把关。
3. 设计审美有天花板。 它做出来的网页是”专业的好看”，但不是”惊艳的好看”。对于 90% 的场景够用了，但如果你是顶级品牌需要独特的设计语言，还是需要设计师。
4. SEO 和性能优化需要人工。 Codex 不会自动帮你做图片懒加载、关键词布局、结构化数据标记。这些需要你额外提需求，或者自己后期优化。
一个新职业正在诞生
旧金山标准报的那篇报道里提到一个有意思的现象：从大型科技公司到初创企业，硅谷出现了一个新的职位头衔——“Builder”（构建者）。
不再叫”软件工程师”，而是叫”构建者”。
这个头衔的含义是：你不需要会写代码，但你需要知道要构建什么、怎么用 AI 工具把它构建出来、怎么验证它是否正确。
以前的分工是：产品经理想 → 设计师画 → 程序员写 → 测试员测。
现在的分工正在变成：构建者想 + AI 做 + 构建者验。
四个人的活，变成了一个人加一个 AI。
UC Berkeley 的劳动经济学家 Enrico Moretti 认为，这种变化不一定是坏事。当构建软件的门槛降低，更多的软件会被构建出来——市场在扩大，而不是在缩小。
就像 Excel 出现后，会计师没有失业，反而有了更多的人在做数据分析。Codex 出现后，程序员不一定失业，但会有更多的”非程序员”开始构建软件。
写在最后
回到我开头的那个实验。
6 分钟，一个网页。不用求美工，不用求开发，不用等排期，不用花钱外包。
这件事对不同的人，意味着完全不同的东西。
对初级前端开发者来说，这是一个信号：你的竞争对手不再只是其他程序员，还有每一个会打字的人。升级自己的能力——架构设计、系统思维、产品判断力——是唯一的出路。
对高级工程师来说，这是一个杠杆：你的生产力可以放大十倍。你不再需要花 80% 的时间写 boilerplate，可以把精力集中在最有价值的 20% 上。
对自媒体人和独立创业者来说，这是一次解放：你的想法，不再被”不会写代码”这件事卡住了。
Codex 不是魔法。它是一个极其强大的执行工具。但执行什么，永远由你来决定。
编程的门槛消失了。创造的门槛，从来都不在代码上。
你用 AI 工具做过网页吗？效果怎么样？你觉得 AI 编程最终会取代程序员，还是只是改变了程序员的工作方式？如果你是自媒体人，最想让 AI 帮你做什么？评论区聊聊你的看法。