我让 Codex 给我做了一个记账网页
不会写代码，也可以让 Codex 帮你做一个只属于自己的记账网页。

核心不是让它“随便做一个”，而是把功能、颜色、保存方式和使用边界说清楚。下面的提示词我已经写好：新建空文件夹后，用 Codex 打开它，直接粘贴即可。

网页数据保存在当前浏览器里，适合记录日常测试账单；浏览器数据被清理后，记录也可能丢失。不要填写银行卡号、密码、身份证号等敏感信息。

你最想让 Codex 帮你做哪种小工具？

可复制提示词

请在当前空文件夹中创建一个名为 `index.html` 的单文件记账网页。不要安装任何依赖，不要调用外部服务，不要读取或上传本机文件。

功能要求：
1. 中文界面，适合日常个人记账。
2. 可以新增收入和支出记录，字段包含金额、类别、日期、备注。
3. 支出类别默认包含餐饮、购物、交通、娱乐、其他；用户可以自行新增类别。
4. 首页显示本月收入、本月支出、当前结余和月度预算使用进度。
5. 显示各分类支出金额和一个简单的支出趋势图。
6. 使用浏览器 localStorage 本地保存数据；首次打开时展示少量明确标注为“示例数据”的测试账单。
7. 提供清空全部数据按钮，点击后必须二次确认。
8. 手机端也要清晰易用，按钮足够大。
9. 视觉风格使用奶油白、雾紫和珊瑚粉，圆角卡片、留白充足、阅读舒服。

完成后，请告诉我如何在浏览器中打开这个网页，并列出可以继续优化的 3 个方向。

Codex AI工具 AI教程 零基础学AI 记账 AI办公