[Code With Solo]铁血打工人30天SOLO速通:在上下班地铁上手搓订阅管理应用

这是一篇准备投稿到Trae中文版开发者社区的稿件,记录了我是如何利用SOLO by Trae CN开发一个订阅管理应用的过程。图片在末尾 :wink:

小技巧:

  1. SVG图标复刻:iconfont的图标,可以复制svg代码喂给solo,完美复刻get​:check_box_with_check:,末尾附图
  2. 云端轻量原型:云端开发时尽量跑webapp,避免复杂的依赖环境,比如装flutter,末尾附图
  3. 云端连续操作:云端启动一次预览耗时较长,尽量避免启动后就在地铁上睡着了,醒了又得再启动一次,等的时候可能又会睡着 :dotted_line_face:

摘要:

  1. 实际用了35天”快速”完成了一个订阅管理应用MVP,每天主要在上下班的地铁上手机搓应用,偶尔在会议上也可以搓一下;

  2. 应用目标是记录虚拟服务的订阅,主要创新有

    **1) 记录用量:**通过主动和被动提示Push用户记录订阅使用情况;

    **2) 监控浪费:**折算并按天显示订阅价值、使用价值和浪费价值;

    **3) 到期提醒:**提醒订单支付或取消,避免服务中断或被白白扣费;

    4) 统计用户用量:提示续订方案,能省一点是一点。

  3. SOLO解决的主要问题,IDE很多,但只有Solo by Trae可以搬掉三座大山:
    **1)多端同步,**随时随地只要有想法掏出手机马上就可以提需求;绑定git仓库后就可以在不同场景pull和push;
    **2)元素级修改,**在网页预览页面可以直接选取div、p等进行修改,在手机上也得;
    **3)中文版免费,**这你受得了吗?现在随便一个coding plan都要大几十。

背景:

  1. 0技术背景:我是一个商业地产领域从业16年的运营人员,除了一颗好奇和创造的心,没有任何技术背景

  2. 热衷于新技术:从23年从Chatgpt开始就觉得AI会改变什么,但直到2025年开始接触AI-IDE才发现大模型带来的创造力如何能与自己的兴趣结合

  3. 铁血生活:每天上班差不多要15个小时,通勤3小时,在一个雪山下的公园城市…

  4. 盲目订阅:每个新的AI产品和大模型发布时,我都会购买和订阅,为了最新的资讯订阅了X会员、Medium甚至Youtu Premiere和各种大模型,但结果往往就是大部分订阅只有在前3天和最后1天才会登录,其他时间的订阅价值都沉默了

  5. 屡踩自动续费的坑:家里人也会常常说云极光又被续费了、电视回看又被续费了、盒马会员又过期了……

  6. 所以 我想着要是有一款能管理订阅的软件就好了

实践过程:

  1. **先找现成的:**SubTracky Pandora 居然只支持iOS,Tilla和Reko支持Android但居然还要收费,我本来就是怕花钱好吗?另外这些应用都只能记录你买了什么,没办法记录你用了多少

  2. 准备手搓:3月某一天10点过下班地铁上决定:那就自己手搓一个吧。最近在煎蛋看到一个帖子:我的人生分成Vibe Coding前和Vibe Coding之后。在这之前有需求就搜索,在这之后有需求就手搓。

  3. **开始规划:**虽然自己不太善于总结,但总算在开始前邂逅了superpowers,于是就开始了/plan,通过真•自然语言告诉了Claude Code我想要干什么–是的,是Claude Code,因为那时还是3月29日,我只能通过open claw联系我的CC提供规划,而且也只能做规划;虽然我从25年3月就开始用Trae,但无奈只能趁每天中午午休和晚上下班地铁上,打开电脑用30-40分钟;也没奢望啥时能完成。

  4. Solo降临:一切的转机出现在3月30日,突然看到Trae公众号预告SOLO。然后,我抢到了邀请码,开始了每天上下班路上手搓应用的旅程。

  5. **拆解需求:**1) 按照前端、后端、中间件的顺序;2)先通过跑前端设计明确实现核心功能要哪些页面:查看订阅、提醒缴费、记录用量、查看统计数据、修改个性化资料;3)再拆解每个页面需要哪些后端数据:哪些是用户生成、哪些基于用户的数据再生产、哪些是写死的,跑个模拟数据;4)根据数据情况请大模型提供储存和中间件方案。

  6. **先跑原型:**1)一次性想清楚太难了,就先跑出来,边试边改,最后合并成4个页面;2)一定要先模拟数据,不管是自己填还是大模型mock;如果不生成模拟数据,很难看出来数据集设计是否合理,就更不要说中间件了;3)如果有条件,最好借助下figma等工具,完成带动效的原型设计,再下载代码提交给Solo实现,这样还原度相对高。

  7. **全局画面:**隔一段时间就让大模型分析一下项目,提供前端页面架构和跳转逻辑、后端数据集及其与前端字段的关系,以鸟瞰视角观察各部分之间的关系。

  8. **IPG神助攻:**我特别热衷Trae的原因就是,每次我有新的需求时,就非常幸运地遇到Trae的新功能或者公众号发文:skills,mcp,用户社区,solo,IPG部署,现在又多了全端支持。简直不要太贴心。详见:TRAE × IGA Pages:TRAE 中国版如何快速实现一键部署https://mp.weixin.qq.com/s/jLX59dtEvo0DUu8t6ceV_Q

成果(DRAFT)

附图

结果是处在下载状态20分钟后,手动终止

iconfont中选中图标,点击下载:fast_down_button:按钮后,选择复制代码

————————

时间不早了,明早还要早起赶地铁,就到这里吧 :waving_hand:

订阅管理应用,这个方向很实用!现在各种订阅服务太多了,确实需要一个统一管理的工具。ID"SeanClickin"很有国际范儿。我在想"管理"的另一个层面:有些失语者连最基本的"需求管理"都做不到——他们想表达"我饿了"“我想去洗手间”,但说不出来,只能依赖别人猜测。我做KineTap就是帮这类人群一键表达需求的工具,让他们重新获得"管理自己需求"的能力。你的应用帮人管理订阅,我的帮人管理表达,都是让生活更有秩序。欢迎来我帖子看看!