项目背景
今年,我尝试用 AI 辅助开发了一款名为'打工了马'的微信小程序。整个流程中,UI 设计和 APP 代码均由 AI 生成,旨在探索工具链对开发效率的提升。
工具选型:Google Stitch
Google Stitch 是一款基于 AI 的 UI 生成工具。对于希望独立开发或快速验证产品的开发者来说,它能有效跨越 UI 设计门槛。非专业设计师只需描述想法,即可生成专业级界面。
第一版界面较为简陋,我将截图反馈给 AI,提示词示例如下:'我目前设计一个 APP,名称叫打工马,目前功能界面已经实现,但是 UI 比较简单,请你根据我提供的 APP 界面设计出更好看的 UI 图,界面适当插入一些关于马的图片元素。'

该工具目前处于 Beta 测试阶段,支持免费使用及模型切换。如果生成的效果不满意,可以通过描述让 AI 重新设计或微调。它支持导出、下载及查看源码,甚至可以直接导入墨刀、MasterGo 等设计工具,进一步提升了工作流的灵活性。

将需求描述和界面直接交给 AI,不仅能得到多版方案,还显著降低了独立开发精美应用的门槛。
功能演示
小程序主要包含主页和设置页。在主页点击'距离休息日'按钮,可选择每周休息时间;点击'距离发工资'按钮,可设置发薪日期。
设置页允许用户输入出生日期、上下班时间、退休年龄、月薪、现有积蓄及每月花销。程序会根据这些参数动态计算并实时更新当前收入状态、预计退休时间等数据。

代码生成工具:TRAE
在代码编写环节,使用了 TRAE 作为编程辅助工具。



