【标签】 按所选赛道选择话题标签：生活娱乐
大家好，我是一名独立开发者，下面是我参加初赛的Demo。
1. Demo 简介
-
是什么： 一款水墨国风的「修仙题材」自我提升 Web App，把日常任务、习惯养成包装成修仙之旅。
-
面向谁： 核心用户包括学生、上班族、自由职业者、修仙小说爱好者、ACG 用户，以及希望提升生活秩序但不喜欢传统打卡工具的人。
-
核心功能：
-
每日修行（任务系统） 主线/支线/心魔/机缘四类任务，接取、计时、提交凭证（文字/图片）、天道审证、获取灵力奖励。每日限接 5 个，营造「今日修行已满」的仪式感。
-
境界修炼系统 炼气 → 筑基 → 金丹 → 元婴 → 化神 …→ 渡劫，九大境界 × 九层小阶。任务积累灵力 → 突破瓶颈 → 渡劫飞升，完整成长路径。
-
宗门山门（玩法合集） 坊市（丹药道具交易）、演道台（NPC 对战 PK）、天榜（境界排行）、储物袋（物品管理）、洞府（个人信息），构建完整修仙世界观。
-
产品说明：
【图1 开屏页】：点击踏入仙途进入下一环节
【图2 灵根检测】：点击检测灵根后会出现一系列的问题
【图3 灵根检测问题页面】：会提问10个问题，根据用户的回答决定灵根属性（后续会扩展问题，每次进入的问题都不一样）
【图4 灵根检测结果页面】输入道号后，点击踏入仙途，进入山门首页
【图5 山门首页】首页有坊市、任务堂、天榜、演道台。
【图6 任务堂】在其中可以接取任务
【图7 修行界面】接取任务后，点击前往修行进入此界面，当前可以直接跳过计时
【图8 证道页面】任务计时结束后，选择证道（提供完成任务的证据），目前比较宽松，只要提供证据就给通过，实际需要引入AI来做判定
【图9 奖励结算界面】
【图10 今日战报界面】记录自己今天的状态，可以分享
【图11 个人洞府界面】
2. Demo 创作思路
-
灵感来源： 一直觉得「自律」这件事太苦了，打卡 App 全是冷冰冰的数字和待办清单。但修仙小说里主角闭关修炼、突破境界、打怪升级，读者看得热血沸腾。为什么不能把「每天完成任务」变成「每日修炼涨灵力」？于是有了这个想法：用修仙的壳，装自我提升的核
-
想解决的问题：
- 传统待办/打卡 App 太枯燥，坚持不下去
- 任务完成后只有「打勾」，缺乏成就感和成长反馈
- 自律全靠意志力，没有「世界观」和「代入感」驱动
-
为什么做这个方向：不做功能大而全的效率工具，做「世界观驱动」的垂直体验。放弃复杂的项目管理、番茄钟统计等功能，聚焦在「修仙成长感」这一个点上打透。
3. Demo 体验地址（三选一）
体验地址：https://www.fanrenxiuxian.online
项目开源地址：https://github.com/Dream-Liu-sz/fanrenxiuxian/tree/main
4. TRAE 实践过程
4.1 使用trae solo网页版设计前端ui/ux方案以及提示词，使用api-design、architect、frontend-skill等skill，经过了多轮优化
Session Id：
CN.2262144688600240:c544b8d12b1bdce77f05ab1963d94f3e_6a3b50207dd4840444cf4f75.6a3b76ad452a7550e215e7f0.6a3b76adc9462b61fef4cedb:TRAE Work CN.1.0.0.2036.3cb86e6b-8f6b-4525-8b6d-0d444eceb407.no_ppe.T(2026/6/24 14:47:03)
4.2 继续优化ui/ux提示词，文档原子化，开发前与AI对齐需求是非常重要的
Session Id：
2262144688600240:f5fc75c0a4fd154d0ddf6370ab2037dc_6a43663cebc0731aa9da24d7.6a43663debc0731aa9da24da.6a43663cebc0731aa9da24d8:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/30 14:46:21)
4.3 设计前端软件设计方案，并且原子化文档，使用brainstorming，与AI对齐需求
Session Id：
2262144688600240:5b83c55389e4019265c9be52c690ca4c_6a43a651a90052ba2eb2a0f8.6a43a651a90052ba2eb2a0fb.6a43a651a90052ba2eb2a0f9:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/30 19:19:45)
4.4 文档完成后，使用architec review skill进行再次review，确保架构没问题
Session Id：
2262144688600240:3a6b96a0c1fd34432db23e1081748733_6a43a651a90052ba2eb2a0f8.6a43e766c5e5d3ad23a41f17.6a43e766c5e5d3ad23a41f15:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/30 23:57:26)
4.5 文档完成后，使用Trae Design设计初稿
Session Id：
2262144688600240:31d35b0e4692c218f3b7322f6015eb5b_6a438f80a90052ba2eb29d3c.6a438f80a90052ba2eb29d3f.6a438f80a90052ba2eb29d3d:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/30 17:42:24)
4.6 设计初稿完成后，使用plan模式进行编码
Session Id:
2262144688600240:dd941e583c4114a18c4f54bb08169ad0_6a43a651a90052ba2eb2a0f8.6a43e9b2c5e5d3ad23a41f7b.6a43e9b2c5e5d3ad23a41f79:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/1 00:07:14)
4.5 工程实战经验分享
- 对于当前的一个小型项目，难得不是实现，而是让trae按照你的要求来实现。所以前期与trae对其需求非常关键，在编写文档的时候调用brainstorming/grill-me skill，让AI主动提问一些定义模糊或者定义确实的地方。
- 另外ui/ux以及软件设计文档也非常重要，所以在设计的时候可以使用ui/ux以及架构设计相关的skill，等trae设计完成后在使用review skill进行review能检查出很多有问题的地方。
- trae除了design模式，所以ui/ux是否符合心意，可以现在design模式中设计初稿，可让AI设计集中不同的风格供你选择。
- debug问题的时候，可以用上debug相关的skill，提高问题解决率，如果AI还是连续2次未解决问题，直接更换一个模型
报名帖
社区报名帖链接：【生活娱乐】|《凡人修仙系统》：把真实生活炼成 AI 修仙副本