爱意满满的作品展示区。
bluecode

一个连 CSS 都写不利索的后端,靠 AI 做出了一个上线的旅行记账小程序

  •  
  •   bluecode · 20h 14m ago · 739 views

    先自报家门:常年写后端,前端稀烂,CSS 全靠猜,审美更是负数——以前让我独立做个好看的界面,等于要命。

    但旅行分账这个需求我惦记很久了:几个人出去玩,谁垫了钱、谁该分摊、出国一堆外币要换算,回来对账全靠一个人拉表格还老算错。市面上的 App 要么太重,要么得所有人下载注册,朋友根本不装。一直想自己做,却卡在"我做出来的界面自己都不想用"。

    今年借着 AI ,把这事真干成了,一个人做出了完整的「旅行账单」小程序。说几个让我挺震撼的点:

    AI 到底帮我干了啥

    • UI/设计:配色、组件、间距、图标风格,我基本说需求,它出方案。它给的界面比我自己糊的好看太多个数量级,还能一次次迭代到我满意
    • 前端:小程序页面、交互、动画,代码它写,我读都不用读,直接验收功能就行
    • 硬骨头:结算这块我想要"最少转账"(最小现金流 / 债务简化那个经典问题),AI 直接帮我把算法讲清楚 + 写出来,5 个人一堆乱账压成尽量少的几笔转账
    • 多币种:外币按当天汇率自动折算,且记账时就把汇率锁进这笔账,历史金额不漂移——这套逻辑也是和 AI 一点点抠出来的
    • 连文案、落地页、分账海报样式都是一起弄的

    真实体感(不吹不黑)

    • 强的地方:把我这种"有想法没手艺"的人的下限拉得非常高,尤其是前端和设计,等于白嫖了个还不错的设计师+前端
    • 思维转变:前两年 AI 写的每一行代码我都会尝试去看去理解,然后及时去纠正它,这样会很累。而且会限制 AI 的泛化能力,这一次,我完全一行代码都不读,我只验收功能,不对就让他改。效果出奇得好。
    • 结论:它不是替你做决定,是把你的想法快速落地。后端出身反而是优势——逻辑我 hold 得住,短板( UI/前端)正好被补上

    搁两年前,这种项目我一个人根本做不完、更做不好看。现在真的成了。

    顺便求个试用

    成果就是这个小程序,微信搜「分分游-AA 账单」,或扫码小程序码 免费,不用下载注册,扫码就进。做旅行 AA 分账用,也欢迎来提意见。

    也很想跟同样在用 AI 做东西的老哥交流工作流。当然,以上这段水文也基本上是 AI 帮我写的。

    bluecode
        1
    bluecode  
    OP
       20h 7m ago
    ![Lark Helper 2026-07-23 22.51.21.png]( https://s3.bmp.ovh/2026/07/23/DNFax7DY.png)
    目前数据
    bluecode
        2
    bluecode  
    OP
       20h 6m ago
    <img src="https://s3.bmp.ovh/2026/07/23/DNFax7DY.png" alt="Lark Helper 2026-07-23 22.51.21.png" />
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2919 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 11:00 · PVG 19:00 · LAX 04:00 · JFK 07:00
    ♥ Do have faith in what you're doing.