用 Trae + Coze 一天开发"生命之轮"App

我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:www.trae.com.cn/?utm_source...

1. 引言

😐 人到中年,愈发迷茫,浑浑噩噩,毫无方向 ,不知道应该干嘛,于是乎我尝试拾起了书📖,尝试从中寻找答案。持续了一阵子的 高强度读书(每周20h+) 后,我反而更迷茫了😑,好像懂了更多的东西,但生活依旧没有波澜不惊,😶 我意识到,真的想有所改变,还需要配合行动,而行动的第一步,就是 发现问题 ,我需要一个 分析工具 。在 幕布的模板库 ,我发现了一个「8+1 生活系统」:

一个 指导生活的模型 ,旨在通过平衡八大生活领域,帮助个体在职业、家庭、健康等多维度实现可持续发展。让 Gemimi 2.5 Pro 介绍了一下它,原来借鉴了常见的 "生命之轮" 模型 (深入了解后发现非常适合我):

由美国激励大师 Paul J. Meyer 提出,旨在帮助个体从多维视角审视生活状态,发现失衡领域并制定改进策略。一种广泛应用于 个人成长职业规划心理辅导 的评估工具。


用途和益处

  • 提高自我意识:迫使你停下来,诚实地审视生活的全貌,而不是只关注一两个方面。
  • 识别失衡: 清晰地揭示哪些生活领域被忽视或需要更多关注。
  • 明确优先事项:帮助你确定从哪里开始着手改进,将时间和精力投入到最需要的地方。
  • 设定目标:基于评估结果,为低分领域设定具体的、可衡量的改进目标。如:我希望未来三个月内将"健康"领域的满意度从4提升到6。
  • 制定行动计划:为实现目标制定具体的行动步骤。
  • 追踪进展: 定期 (如每季度或每年) 重新绘制 "生命之轮",对比前后变化,衡量进步,调整策略。
  • 促进整体幸福感:通过努力实现生活各方面的平衡和满意,提升整体的生活质量和幸福感。
  • 简单直观:工具本身易于理解和使用,视觉化的结果一目了然,非常有冲击力。

典型的生活领域

  • 事业/工作:职业发展、工作内容、成就感、工作环境等。
  • 财务/金钱:收入、储蓄、投资、财务安全感、财务管理能力。
  • 健康/身体:身体状况、精力水平、饮食、运动、睡眠等。
  • 家庭/家人:与原生家庭、核心家庭成员关系。
  • 伴侣/爱情:亲密关系、爱情生活、与伴侣沟通互动。
  • 朋友/社交:友谊质量、社交活动、归属感、人际支持网络。
  • 个人成长/学习:知识获取、技能提升、心智成熟、自我提升过程。
  • 娱乐/休闲/爱好:放松、享受生活、培养兴趣爱好、拥有乐趣时间。
  • 环境:居住环境、工作环境、社区环境等。
  • 精神/心灵:内心平静、人生意义、价值观实践、对他人或社会的贡献、宗教或精神信仰。

使用过程

人生 描绘成一个 圆圈 ,被划分为若干个 扇形区域 (一般8-10个),每个 扇区 代表生活中一个 重要的方向或领域 。针对每个维度评估 "当前满意度 " (0=极度不满意,10=完全满意),在每个扇区对应的 刻度线 上,标记出你的评分。将所有扇区上的 标记点用线连接起来 ,形成新的、可能不规则的"轮廓 "或"蜘蛛网 "形状。然后进行 观察与反思

  • 整体形状:看起来是饱满且接近圆形的,还是凹凸不平、非常小?理想的"轮子"应该是相对较大且平衡的,这样才能"平稳滚动"。
  • 低分区域:哪些领域的分数明显偏低?这些是需要你重点关注和投入精力去改善的地方。
  • 高分区域:哪些领域让你满意?思考是什么让这些领域表现良好,是否可以借鉴经验到其他领域。
  • 平衡性:领域间的分数差距大吗?巨大的差距可能意味着生活失衡,某些方面过度发展而牺牲其它方面。

🤔 用法不复杂,但是操作起来挺麻烦:纸笔自己画自己整Excel ,看小红书,有人让 GPT 生成 回答模板

复制下来,填完,再发给GPT,让它 分析和给出建议 ,😄 我觉得这种方式挺好的,但是还是麻烦,如果能直接录数据,然后得出分析结果,就好了🤔。✨昨晚地铁回家路上,文思泉涌 ,脑海里逐步构建起APP的雏形,快速记下 灵感大纲 💡:

😃 今早地铁上班,依旧 思绪如潮 ,App要做什么,做成什么样已是 成竹在胸 :「Trae 快速开发 APP + Coze Agent 分析结果 」,加之最近学了点新的 AI编程技法 ,膨胀得不行,😆 于是决定用 一天时间 ,把这个APP整出来 ❗️ 😏 实际开发时间一天不到,主要是 Trae 排队 要命🐶,早上一边 排队 ,一边 搭Coze Agent + 写文章 ,还算凑合,🤡下午睡醒排麻了,一次Chat等一个多小时,实在顶不住,直接上 Cursor 了。🙃 早点收费吧...

2. Trae 更新速览

😄 老规矩,快速过下Trae的最近更新~٩(•̤̀ᵕ•̤́๑)

国际版 新增 Gemini-2.5-ProGPT-4.1 模型:

v0.5.0 支持 自定义Rule (如AI回复语言偏好、项目规则、代码风格、限制等),右上角 设置按钮 ,选中 规则

支持 个人 & 项目 的规则设置:

点击「创建 user_rules.md 」,会有 个人规则配置的引导,😄 我选择直接 Ctrl + I,让AI给我写:

生成结果如下,🐶 随手跟AI打下招呼:

哈?跟我预期有点差距,手动调整下 → 每句回复的开头带上可爱的emoji表情,回复内容随机穿插一些颜文字

😄 挺萌的~

Agent 能力升级 ,支持:Builder (原内置的Builder模式挪到这了)Builder with MCP自定义Agent ,这里简单自定义一个 Flutter 开发助手,AI 生成下角色提示词,复制粘贴一下:

让它介绍下自己:

Agent 还可以配置用到的 MCP Servers内置工具,我这个场景暂时没用到,感兴趣读者可自行尝试😄~

上下文能力增强 ,现在能 #Web (联网搜索并自动提取网页内容) 和 #Doc (支持通过URL或上传.md/.txt文件创建文档集,最多支持1000个文件-50mb),详细使用可见《Trae官方文档-上下文》

3. 具体实践

3.1. 文档先行

3.1.1. 需求分析文档

😶 把我上面写的 App页面大纲 Copy下,丢给 Trae,前面写下提示词,主要是约束生成 需求分析文档

🐂得,写得比我好多了,哈哈哈🤣,粗略看了下,没啥太大问题,有问题可以等下一步步调整~

3.1.2. 技术方案文档

😶 接着就是让 Trae 根据生成的 需求文档.md 生成 技术方案.md 了,直接输入提示词:

生成结果:

😳 状态管理 我想用 Riverpod ,然后图表,我希望它自定义 CustomPainter 实现,写提示词让 Trae 改改:

运行结果

😄 到此文档就准备得差不多,后面可以边生成边调整,APP功能比较简单,就不生成 架构流程图 了。

3.1.3. 页面布局示意图

Trae 不能直接生成 UI示意图 (Cursor也不行🤣),😏 但可以做下变通,如:用ASCII字符画页面布局以HTML的格式生成UI/UX设计图 、输出SVG源码 等。这里采用第二种,键入提示词:

生成结果:

🤔 得每个页面点开看,有点麻烦,让它整成一个html:

😭 它甚至还给我起了个本地服务器方便我预览,太贴心了,我哭死...

🤷‍♀️ 无敌 ,我要不是写 Flutter 是写 H5 的,让 Trae 基于这个基础上完善下细节,改改就能用了吧...

🐶 感觉还不够精美,言出法随下:

最终效果:

🤷‍♀️ 低级前端UI仔失业倒计时,AI 写这种页面就跟玩一样...

3.1.4. 创建项目结构

整完这些花里胡哨的,回归APP本身,新建会话 (保持干净的上下文),创建 项目结构

创建的文件比较多,中途可能会出现这个提醒:

点击 继续 就好了,创建完,文件可能报错,接着就是:贴错误信息让Trae改改改,直到项目可以跑起来:

运行结果:

💁‍♂️ 建议 项目结构 搭建完能跑起来,git init 创建下 Git 仓库,然后 git addgit commit 本地提交下代码,然后再让AI进行纠错或其它代码生成。😐 就,兜底,也方便快速回退,建议每个大功能点都这样搞一下~

3.1.5. 问题解决

🤔 em... 小键盘弹出的时候页面溢出了,老规矩,让 Trae 改:

修改后再次运行:

修正完,随便录下数据后,点解提交:

提交后报错了:

然后又是叨叨叨,让它改,最终的运行效果:

🤏 基本实现了我想要的功能,🐂无敌 ,而且这次我是真的 一句代码没写...

3.2. Coze 工作流

😶 好久没完 Coze,变了好多,前几天还出了 Coze 空间 ,还没来得及体验,不过朋友说有点像 Manus ,有空再试试吧。本来想搭个 Agent 然后 调API 的,然后发现 工作流 现在也支持API调用了,流程不是很繁琐,直接整个 工作流 吧~

3.2.1. 创建工作流

3.2.2. 代码-读取用户数据

这部需要读取用户提交的字符串,扣出需要的字段 (维度名称、分数、用户描述)。添加一个 代码节点在IDE中编辑语言切Python → Ctrl + I,写下 生成代码的关键词

生成结果如下:

配置下 输出参数 ,期望返回一个 Array<Object> 的数据:

点击 试运行 ,试了下AI补全,生成效果不太好 (可能是入参是String),随便找个AI写提示词生成下 Mock数据

生成效果:

非常Nice,复制粘贴下,运行:

👍 Nice,数据正常读取~

3.2.3. LLM-分析&生成报告

😄 接着整个 大模型节点 ,写提示词分析和生成报告了,随便写下,然后 AI优化

😳 还支持生成提示词的风格设置啊,6,这里直接输入"专业":

生成结果如下,点击 替换

OK,直接 试运行,整个工作流走一波看看:

🤣 有模有样,发布下工作流:

3.2.4. API 调用

打开 扣子API个人访问令牌添加新令牌 ,权限找到工作流,这里只需要一个 运行工作流 权限,工作空间选择 个人空间

点击 完成 ,会生成 Token令牌 ,点击右下角复制,只会显示一次,记得保存好,忘了只能删了重新创建 ❗️ 接着点击 扣子 APIPlayground工作流执行工作流 ,依次输入上面的 Token工作流id输入参数 (Json格式),确认无误后,点击右上角 运行 ,静待 返回结果,如图 正常返回数据,就可以啦~

🤣 直接复制这里的 curl命令,让AI根据它修改请求代码:

4. 小结

😶 整完这个 APP 的我愣在原地,内心久久不能平复,这APP换以前,我至少得写个两三天,遇到不熟悉的三方库还得翻翻文档,花的时间会更多,但现在只要一天不到。

"手敲代码 " 曾给我一种 安全感掌控感 ,但现在,一行代码没写 ,使得我我有些 惶恐不安 ,多年反复 添砖加瓦 (做需求) 和 修修补补 (改BUG) 锻炼出来的 Coding技巧 在 AI 面前仿佛是一个 笑话 🤡。就好像习惯了 日出而作日落不息 的农民遇到了 自动耕田机 一样,不再需要你所谓的 耕田技巧 ,而是需要一位 司机 ,再往后,可能连司机都不需要了。AI编程时代,需要我们重新思考定位自己的角色,拥抱变化...

💁‍♂️ 本节源码就不丢 Github 了,懒得维护,后面会在"惜命 "上安排这个功能,直接给下源码压缩包 life_circle.7zlife_circle.apk,取需。另外,扣子个人免费版 每天的资源点只有 500,Token就不分享出来了,想体验APP又没token的童鞋可以私聊下我~

相关推荐
請你喝杯Java9 小时前
Mac上Cursor无法安装插件解决方法
macos·cursor·vsode
代码小学僧14 小时前
Cursor 的系统级提示词被大佬逆向出来了!一起来看看优秀 prompt是怎么写的
前端·ai编程·cursor
今晚不吹海风16 小时前
技术视角解析「塔罗趣读」:当传统占卜遇见 AI 开发
trae
Goboy17 小时前
零基础搞定 Trae 智能体配置 + MySQL MCP 集成!手把手教学
llm·ai编程·trae
用户40993225021217 小时前
分层架构在博客评论功能中的应用与实现
后端·ai编程·trae
十分钟空间19 小时前
后端涨薪密码:5 框架 + MCP 攻略,学会直接涨 30%
后端·flask·trae
沉默王贰1 天前
Cursor + 高德MCP, 十分钟搞定五一自驾路线推荐,并搞定大前端
ai编程·cursor·mcp
IcecreamH2o1 天前
Cursor:项目迁移神器
cursor
卡西法kl1 天前
AI,让我们从最简单的to-do-list开始
trae