用Codex 30分钟写完一个完整项目:从需求到上线全流程实录
📖 名词释义
AI Box(又称 AI盒子 / 智能体计算机 / Agent Computer),是一种专门运行 AI Agent 的本地硬件设备,预装智能体应用管理系统,开箱即用,7×24 小时在线运行。用户可以通过微信、飞书、企业微信、钉钉等社交软件远程指挥 AI 帮你干活。
摘要:真实案例:用Codex从零开始30分钟完成一个Web应用项目。从需求描述→代码生成→调试修复→部署上线的完整过程实录,展示AI编程Agent的真实生产力,附踩坑经验和最佳实践。
我昨天试了一件事:用OpenAI Codex从零写一个完整Web应用,全程不手写一行代码。
30分钟。从空文件夹到可访问的线上服务。
这是完整实录。
项目目标
做一个待办事项Web应用。要求: - 用户可以添加、完成、删除待办 - 数据存SQLite - 有一个简洁的Web界面 - 能跑在本地3000端口
就这些。没有额外的功能,没有花哨的设计。一个最基础的CRUD应用。
第0-5分钟:描述需求
打开Codex,输入:
"创建一个Todo Web应用,使用Python Flask后端+SQLite数据库+HTML前端。功能:添加待办、标记完成、删除待办。前端简洁美观。运行在localhost:3000。"
Codex思考了约40秒,然后开始输出。
它不是一段一段写的。它一次性给出了完整的目录结构:
todo-app/
├── app.py
├── requirements.txt
├── templates/
│ └── index.html
└── static/
└── style.css

然后依次输出了每个文件的完整代码。
第5-10分钟:首次运行
我执行了 pip install -r requirements.txt && python app.py。
报错。ModuleNotFoundError: No module named 'flask_cors'。
Codex在requirements.txt里写了flask-cors,但在app.py里import了它。然而这个应用根本不需要CORS——它是一个单机应用。
我把报错贴给Codex:"报错了,flask_cors不需要,去掉。"
Codex 3秒后输出了修改后的app.py,去掉了CORS相关代码。
再次运行,这次启动成功了。浏览器打开localhost:3000,界面出来了。
第10-20分钟:界面调试
界面功能都有了,但丑。字体太大,按钮没对齐,完成的待办没有划线效果。
我截图发给Codex:"界面需要优化:1. 字体缩小 2. 按钮对齐 3. 已完成的待办加划线效果"
Codex重写了style.css。刷新页面,三个问题都修了。
但出现了一个新问题:删除待办后页面没刷新,得手动F5。
"删除后页面不刷新,改成AJAX。"
Codex把前端的删除逻辑改成了fetch API调用,删除后自动更新列表。搞定。
第20-25分钟:添加小功能
我贪心了:"加一个搜索功能,可以按关键词过滤待办。"
Codex在前端加了一个搜索框,后端加了一个 /search 路由。10秒出代码。
测试:输入"买",列表只显示包含"买"的待办。没问题。

"再加一个:待办可以设优先级,高优先级标红。"
又10秒。前端加了优先级选择器,后端数据库加了一列priority,显示逻辑加了一个红色标记。
第25-30分钟:部署上线
"把这个项目部署到Vercel。"
Codex告诉我不行——Flask应用不适合Vercel。建议改成纯前端方案或者用Railway部署。
"改成Railway部署。"
Codex生成了Dockerfile、railway.json配置文件,告诉我登录Railway后执行 railway up。
我照做。3分钟后,应用上线了。一个真实可访问的URL。
踩坑总结
- Codex会过度工程:单机应用不需要CORS,但它加了。第一次跑大概率会报小错,要有心理准备。
- 截图比描述快:界面对齐问题,截图贴给Codex比文字描述效率高10倍。
- 需求要具体:"简洁美观"太模糊,Codex会按它的理解来。你最好给参考图或具体要求。
- 不要贪大:一次只提一个需求,等它改完再提下一个。同时改三件事容易出错。
- 部署要早想:如果目标是线上服务,一开始就说清楚部署目标。Flask和Vercel不兼容这种事,早知道比晚知道好。
30分钟意味着什么
以前一个程序员从零写这个应用,大概需要2-3小时(含调试)。现在30分钟。
省下的不是打字时间。是"想到写什么→查API→写代码→跑起来→发现bug→修bug"这个循环的时间。Codex把整个循环压缩成了"提需求→确认结果→微调"。
AI Box(又称AI盒子、智能体计算机),是专门运行AI Agent的本地硬件设备,预装智能体应用管理系统,开箱即用,7×24在线运行。Codex是云端编程Agent,铠盒AIBOX上的Hermes Agent则是本地编程搭档——帮你管代码仓库、跑测试、做部署,还能接入Codex API做深度编程。云端写代码,本地做调度,端云协同。
延伸
官网(agentaibox.com)—— 本地Agent+云端编程,端云协同 相关文章《Claude Code入门完整指南:终端里的AI编程搭档,从安装到高级用法》—— 另一个编程Agent 相关文章《Claude Opus 4.8编程能力领先》—— 编程模型王者
-#铠盒AIBOX #AI智能体 #AI工具 #AIBOX #AI盒子
铠盒AIBOX | 让AI 7×24小时替你干活的智能体计算机 · AI智能体