Vibe Coding了第一个App，拯救自己的颈椎
Vibe Coding了第一个App，拯救自己的颈椎 关注 新手上路 关注 新手上路 关注 新手上路 关注 新手上路 前天 08:47利益相关声明：作者与文中产品有直接的利益相关（开发者、自家产品等）本人最近沉迷于养龙虾和使用 AI，入门了 Codex 和 Claude Code。最近夜以继日地频繁使用 Mac，结果颈椎倒是极度不适。于是我心血来潮：为什么我不直接 vibe coding 一个给 Mac 用的、极其轻量化的 App，来提醒我时常活动颈椎？
我会在这里写下这个 App 的开发流程，让更多人加入 vibe coding 的大军。 爱壹帆影视yfsp.app 爱壹帆在线yfsp.app
我已经意识到，AI 时代，idea 大于 skill。因为 AI 能干活，能回答问题，但它从不主动提出问题，也不产生 idea。
第一步：当然是先下载好 Mac 上开发 App 的工具 Xcode 了。 demotigrinho a5game.app
第二步：开始接入 AI托管。
本人先去 ChatGPT 提出了我的想法：我想要一个极其轻量化的 App，每隔固定时间弹窗，提醒我活动脖子。同时，我还要可以设置提醒间隔、设置稍后提醒、设置弹窗显示时长。 爱一番yfsp.app 爱壹帆免费版yfsp.app
然后我问 GPT：我要给 Codex 输入什么提示词？
其实这里也可以用 Claude 的 Plan Mode。但是但是，本人当时过于小白，没想这么多。但话又说回来，Claude Code Pro 会员的使用额度，也不太适合浪费在这种活上。 足球比分 a5game.app
总之，我拿着 GPT 生成的 prompt，直接输入给了 Codex。然后 Codex 就开始 coding 了。它自己接管了 Xcode，开始新建各种目录，自己把代码也写上了。 iyf yfsp.app JogodoTigrinho a5game.app
半小时之后，或者说甚至都没用到半小时，它已经做好了第一版。 pgdemo a5game.app
第一版出现的弹窗谁橙想，事情根本没有这么简单。 demo a5game.app
AI 会写代码，但真的不太会生成图片，至少 Codex 目前还不太擅长这个。于是本人又多方辗转，一会儿让 Codex 改，一会儿又找 Claude 改，折腾了半天，这长颈鹿反而越来越丑了。它们基本上都是在用 Swift 生成一些简单图形，再硬拼凑起来。 slots a5game.app
我越弄越恼火，当时甚至都想去淘宝找个牛马给我画一个了。 小宝影院xiaobaotv.video 海外华人视频网xiaobaotv.video tigrinhodemo a5game.app
后来我想了一下，AI 的事情，还是得找 AI 解决。
于是我去用了 nanobanana2。这玩意画图确实是老手了，众所周知。nanobanana2 听完我的描述之后，立刻给我出了好几只灵动的长颈鹿。 足球比分 a5game.app
nanobanana2画的长颈鹿最后稍加修改，决定用这个： 爱一帆 yfsp.app Caça-níqueis a5game.app
定稿版我还顺手让 Nanobanana2 把 App 的 icon 也一起生成了，画出来的效果我都挺满意。
App icon不出意外的话，意外果然还在继续发生。 爱壹帆寻秦记yfsp.app fortuneoxdemográtis a5game.app
Nanobanana2 生成的图片终究只是图片，不是矢量图。说白了，它就是一张普通图片。放到弹窗里就挺模糊的，而且也没有抠图，图都带着白色背景。
最后我试了好几个工具，不断咨询 GPT，在没有找到很好的 AI 解决方案之后，本人还是登录了淘宝。此刻，本人决定去找一位人类牛马来完成矢量化和抠图。
那会儿国内已经是凌晨 0 点了。我把图发给了一个商家，让 ta 给我做矢量化再抠出来。ta 说明天给你。原本两个图收费 40，我说我给你 80，你现在就给我抠行不。ta 立刻同意，二十分钟后就交图了。 爱壹帆yfsp.app
不得不说，有钱能使鬼推磨。本人拿着 10 欧的价格，让人家半夜加班，内心其实十分愧疚，感觉自己像个资本家。 一帆视频yfsp.app fortunetigerbônusgrátissemdepósito a5game.app
最后我把图交给了 Codex，没多久它就把 App 做好了。但是新的问题又出现了。 iyftvyfsp.app pg a5game.app
此时这个 App 在 Menu Bar 常驻显示的图标，要么小到几乎看不见，要么大到一个图标能占据三分之一的 Menu Bar；要么就是和旁边图标离得太远，看着极其不和谐。我整个人都十分崩溃：有完没完！ ifvodyfsp.app
Codex 折腾了半天都没搞好，我一气之下，直接把项目丢给了 Claude Code（CC）。CC 不得不说还是有点东西，不愧是目前最强的 coding model。折腾了一两个小时之后，它终于帮我修好了这个 Menu Bar 图标大小的问题。
第三步：开始了本人的找 bug 之旅。 小宝影院在线视频xiaobaotv.video pgslot a5game.app sweetbonanza1000demo a5game.app pgslotgacor a5game.app pragmaticplay a5game.app pragmaticplay a5game.app
就这么一个看似简单的 App，其实逻辑一点也没我想的那么简单，我终于知道程序员为啥很多都秃头了。 fortunetigerdemográtis a5game.app ifuntvyfsp.app xiaobao xiaobaotv.video
我发现的第一个 bug 是：菜单栏里显示的“下次提醒时间”，压根不会随着时间流逝而变化。 我让 CC 修了。 爱壹帆国际版 yfsp.app
第二个问题是：因为本人加入了暂停提醒时长的设置。比如你在开会、做 presentation，需要专注的时候，不希望弹窗出现，就可以选择暂停一段时间。 jogosdemopg a5game.app
但问题来了：这个暂停时间结束之后，是立即提醒，还是“暂停时长结束后，再加上你原本设置的提醒间隔”再提醒？
这个逻辑必须提前想清楚。 小寶影院xiaobaotv.video
再比如，如果用户点了暂停 3 小时，但在这 3 个小时之中，如果有用户又点了新的暂停时长，那么这两个暂停时长应该怎么处理？
是直接相加？ 小宝影院电影xiaobaotv.video ifun yfsp.app nba比分 a5game.app
还是在剩余暂停时长的基础上继续加？
还是从用户重新设置暂停的那一刻起，直接覆盖并生效新的暂停时长？ sugarrush1000demo a5game.app
这些都得想明白，不然用户一用就会觉得逻辑混乱。 slot a5game.app
我还发现了系统资源占用的问题。刚开始这么一个轻量级 App，居然要吃掉 15% 的 CPU，这明显不合理。结果一查，果然是 bug。修完之后，这个 App 常驻后台时对 CPU 的占用基本都在 0–0.3% 之间；弹窗出现的那十几秒会升到 0.6% 左右，之后又会降下去，算是满足了我对轻量化的要求。整个 App 的体积也就 1 MB 出头。 电影小宝影院xiaobaotv.video fortunedragon demo a5game.app
总之，这些问题一个一个想清楚、一个一个解决之后，bug 基本算是修完了。接下来就可以打包上架了。
第四步：成为苹果开发者。 slotsdemo a5game.app 一帆yfsp.app
这一步也是费老鼻子劲。 爱壹帆国际版 yfsp.app
苹果对 icon 的像素尺寸是有要求的，打包 App 的时候，你要把各种尺寸的图标都准备好。我电脑上连个正经修图工具都没有，裁图也很不方便。最后我就去问 GPT，有没有那种网站，能让我上传一张图片之后，直接生成符合苹果要求的 icon 尺寸包。结果还真有，而且还是免费的。上传图片之后，各种符合苹果要求的 icon 尺寸都能直接打包下载。
但成为苹果开发者，不是免费的。 aiyifan yfsp.app 爱亦凡yfsp.app
知道这个消息的时候，我简直是晴天霹雳。上架 App 需要交开发者会员费，99 欧一年。我本来想把这个 App 免费上架的，毕竟它很简单，结果苹果这一刀下来，我直接哭泣。 demo a5game.app fortunetigerbônusgrátissemdepósito a5game.app
交钱、填一大堆税务信息之后，终于可以上架 App 了。这些步骤基本都是 GPT 一步一步指导我完成的，哪里出问题了，我就截图问 GPT。 免费在线影院xiaobaotv.video
最后甚至还出现了国籍问题。我人在德国，系统默认把我识别成德国国籍，结果税务信息就填错了。这个还得专门给苹果发邮件，让他们帮我修改。 slotpix a5game.app
第五步：等待审核。 plataformademográtis a5game.app plataformademo a5game.app 华人影视xiaobaotv.video
目前 Vibe Coding 的流行，导致大量 App 都在上架，苹果审核速度明显变慢。官方说百分之九十的应用会在 48 小时内审核完成，但我实际等了十来天。当然，中间也夹着复活节假期。总之最后，App 终于上架了。 iyifanyfsp.app 爱壹帆电影 yfsp.app
定价方面，欧洲区是 0.49 欧。中国区我定的是 3 人民币，不到一杯蜜雪冰城柠檬水的价格。纯粹只是想补一补苹果收走的那 99 欧开发者年费。当然，也有很大概率这辈子都回不了本。我哭。 pragmatic a5game.app Cassinos a5game.app
最后呢，如果大家觉得这个 App 符合你的需求，可以去下载试试看。 爱壹帆电影yfsp.app pglucky88 a5game.app
a5game a5game.app tigrinho gratis a5game.app
Neck Savior 是一款轻量级 Mac 菜单栏应用，帮助你在长时间使用电脑时，提醒你适时休息、放松颈部、缓解紧张。它没有复杂功能，也不会频繁打扰你，而是通过温和、低干扰的桌面右上角弹窗提醒，帮助你建立更健康的工作节奏 寻秦记爱壹帆yfsp.app
弹窗展示App 极致轻量，安装包不到 1.5 MB，系统资源占用极低，几乎可以忽略不计。 小寶影院电影xiaobaotv.video slotdemo a5game.app
提醒弹窗的显示时长（默认仅 15 秒）、提醒间隔、暂停时长以及“稍后提醒”等选项均可自定义，你可以根据自己的工作节奏设置更合适的个性化提醒。
Neck Savior 支持中文和英文，并会自动跟随系统语言切换。 JogodoTigrinho a5game.app 电影爱壹帆yfsp.app
建议开启开机自启，这样下次启动电脑时，提醒功能也会自动运行。
设置菜单展示最后最后，有bug可以告诉我，谢谢大家。 jogodotigrinhodemo a5game.app
当然如果大家对养龙虾和AI感兴趣，本人十分乐意和大家一起交流，本人对养龙虾，颇有心得，踩了无数的坑，目前略有小成。
00目录 0