一句话需求,生成一个四象限便签应用。本文记录完整生成过程、提示词和踩坑。
Codex汉化工具+上传github构建提示词放最后了。看完本篇文章,小白也能从0搭建一个应用并发布到github开源社区。
首先介绍一下四象限法则
四象限法则(Eisenhower Matrix),也被称为艾森豪威尔原则,是一种时间管理和决策工具,帮助个人确定任务的优先级。这个法则由美国前总统德怀特·D·艾森豪威尔提出,其核心是将任务按照紧急性和重要性两个维度进行分类。
我为什么要做一个四象限便签
每天工作太多,忙完这个忙那个,经常容易忘,没有时间去思考哪个该做哪个不该做,哪个先做,哪个后做,于是我想做一款这样的工具,这样,每天来到公司,开完晨会,先梳理每天需要做的工作,这样就不会手忙脚乱,漏做事情了。
做出来的界面端它长这样

四象限看板:重要且紧急(马上去做)、重要不紧急(计划去做)、紧急不重要(委托他人)、不紧急不重要(尽量不做),每个象限有独立配色与行动建议
时间胶囊:可为任务设置时间,显示「今天 18:00」「明天 10:00」等友好格式,过期自动标红
完成打勾:完成的任务变淡划线、自动排到象限末尾,象限右上角实时显示待办数量
自由缩放:拖动便签右下角折角即可调整便签大小
中英双语:界面一键切换中 / 英文,选择会被记住
数据本地保存:数据保存在本机,离线可用,关闭重开不丢失;首次打开自带示例便签
零依赖运行时:打包后为单文件便携应用,无需安装、无需联网
我的工具组合
Codex 汉化版 + Deepseek-V4.1-Flash-1017大模型+Hermes agent 实现从开发到推送至开源仓库github,一行代码不用敲。
Codex 主要用来写代码实现开发工具,Hermes实现代码提交构建发布。这里用Hermes是因为我之前一直用的Hermes帮我处理环境相关的问题,比如github国内网速不太好,我让他帮我加速好,下载之类的,他自己形成了一个记忆的skill,用起来比较省心,所以我继续使用了Hermes,其实用Codex也是一样的。
我的一句话提示词
@Product Design 帮我设计一个四象限时间管理工具,使用便签形式,将要处理的工作分为四类,任务完成可以打勾,可以添加时间。便签可以调节大小。
这里用到了一个Product Design 插件,可以在插件市场下

生成过程复盘
第一版总共花了六七分钟,给我设计成了一个静态的index.html,功能实现全部可用,但是不是我想要的,我想用的是便携的应用
于是再次交互,需要支持中英双语,做成类似sticky notes便签形式,不是网页

这个时候生成的功能已经完全可以用了
界面迭代
由于显示的图标我感觉不是很好看,于是让它生成几个图标,并且待办事项只有数字,我让它增加了待办的文字。

添加后才发现,应用图标四角是白色的,一开始由于对话背景是白色的没有注意,因此又让它修改了一下。

上传开源平台github并自动构建
这里我使用了hermes,使用chatgpt应该也是一样的。提示词如下:
补充F:\github\FQTM 项目的中英文readme,将项目上传github的https://github.com/gsk74521/Quadrant-Notes,并构建发布windows
端和macos端的应用
过程中会提示让你提供github的token,登录github,找到Settings,点击Credentials,生成一个classic的经典的token就可以了,使用上传完最好把该token删掉。
完成构建后的界面,可以看到界面多了可以直接下载使用的文件,现在就可以下载使用了。软件没有花钱签名认证,因此下载时提示风险是正常的,忽略即可
花费
deepseek还是非常省钱的,界面UI设计,生成应用,上传github发布,最后一共才花了四块多钱

最后
如果你需要chatgpt汉化工具,请访问
Codex汉化启动下载 Codex汉化安装包中文设置 ChatGPT汉化补丁工具
如果你喜欢我的四象限便签项目,下载地址
Release v1.0.0 · gsk74521/Quadrant-Notes
如果你无法访问github,可以使用镜像网站下载
如果这篇文章对您有帮助,可以点个赞或者关注,后续会分享更多的实战,各种工具安装使用方法,如果你有任何不明白的,欢迎骚扰,看到一定会回复。公众号:阿水聊测试


