摘要
我是一名设计师,每天在电脑前久坐 4-6 小时。我用 TRAE SOLO 在 More Than Coding 模式下,通过对话在 30 分钟内零代码开发了一个集定时提醒、15 个工位微运动引导、成就系统和健康报告于一体的网页工具,解决了“知道该动但不知道怎么动”的痛点。
背景
岗位:图片 / 视频设计师,长期面对电脑、长期面对电脑、长期面对电脑!!
最大痛点:一坐就是几小时,等站起来时浑身僵硬。市面上提醒工具只会弹窗,没有动作引导和激励系统。于是决定用 SOLO 给自己造一个。
实践过程
生成模式:本次作品全部在 TRAE SOLO 的 More Than Coding 模式下完成,零手写代码。
第一轮:给出需求“帮我做一个久坐提醒网页,30/45/60 分钟倒计时,时间到了弹窗提醒”,SOLO 10 分钟内生成计时器、设置页和桌面通知。
第二轮:发现“提醒是提醒了,但不知道起来该做什么”,追加需求让 SOLO 在休息弹窗里加入 15 个工位微运动(肩颈、全身、腿部),并单独生成运动说明页。
第三轮:加入成就系统(3/7/21 天解锁)、彩纸特效、本周柱状图、健康报告导出。
第四轮:追加幽默文案、跳过原因收集、脊椎状态 SVG 指示器。
关键 Prompt 示例:
“休息弹窗里加入 10 个办公室拉伸动作,每个动作配名称、简短说明和插画风格的示意图。动作要适合在工位做,不需要瑜伽垫。”
踩过的坑:
部署 GitHub Pages 后,运动说明页“返回”按钮 404,因为主文件改名后路径未更新,手动修复。
桌面通知在 Mac 上需要授权,在设置页增加了引导提示。
我自己实用了3天,真的很好,我声音一响我就知道我已经坐了45分钟了,需要起来活动活动了。
GitHub:yxxx6666/sit-reminder: 久坐提醒 - 用 TRAE SOLO 制作
线上使用地址:https://yxxx6666.github.io/sit-reminder/index.html
核心功能一览:
自定义倒计时 + SVG 环形进度条 + 呼吸光效
多重提醒(提示音、桌面通知、标签闪烁)
15 个科学工位微运动 + 独立说明页
478 呼吸法引导动画
连续天数追踪 + 成就系统(彩纸动画)
本周趋势柱状图 + 周健康报告(可打印)
跳过原因收集 + 脊椎状态指示器
暗色模式、响应式布局
全部数据 localStorage 持久化
效果与总结
时间对比:如果自己学 HTML/CSS/JS 开发,至少一周起步;用 SOLO(More Than Coding 模式),30 分钟迭代 4 轮,产出 50+ 功能。
SOLO 的价值:在 More Than Coding 模式下,只需用自然语言描述需求,SOLO 就能产出完整 Web 应用,让我这种非程序员也能用代码解决自己的真实痛点。
可复用性:覆盖所有久坐办公人群,已在同事间使用和传播。
**思考:**AI 让非技术从业者第一次拥有了“用代码创造工具”的能力。这个工具不是大项目,但它每天都在让我少坐一小时——这比任何奖项都有意义。








