前言
马年之际,我尝试完全利用 AI 工具链独立开发了一款微信小程序——'打工了马'。整个流程中,UI 设计交由 Google Stitch 生成,核心代码逻辑则由 TRAE 辅助编写。这种模式极大地降低了从 0 到 1 的开发门槛。
借助 Google Stitch 快速落地 UI
Google Stitch 是谷歌推出的 AI 式 UI 生成工具。对于不想深究设计细节的开发者来说,它能有效跨越 UI 门槛。
初期原型往往比较粗糙,比如第一版界面只是完成了功能逻辑的堆砌。这时可以直接把截图丢给 AI,配合具体的提示词进行优化。例如:'目前 APP 名称叫打工马,功能已实现但 UI 简陋,请根据提供的界面设计出更好看的 UI 图,适当插入马的元素。'

目前该工具处于 Beta 阶段,免费开放。支持模型切换和对 UI 图的二次微调。如果生成的效果不满意,可以通过描述让 AI 重新设计或调整。它还能导出源码或直接导入墨刀、MasterGo 等设计工具,这对独立开发者非常友好。

小程序核心功能
最终上线的版本主要包含主页和设置页。
- 主页:提供'距离休息日'和'距离发工资'两个核心计算按钮。用户可自定义每周休息时间及发薪日期。
- 设置页:录入出生日期、上下班时间、退休年龄、月薪、现有积蓄及每月花销。系统会根据这些动态数据实时计算当前收入状态及预计退休时间。

代码生成与调试:TRAE



