0. 先和大家打个招呼吧 
-
你是谁： 大三学生
-
你是怎么用 TRAE 把 Demo 做出来的：
我本来就在用 TRAE 写代码，日常开发已经习惯了。看到这个比赛的时候，我正好有个想法一直想做——把一团乱麻的困局画成漫画，让人一眼看懂结构。就拿来参赛了。真正难的是后面。我让 AI 接了通义千问做文本分析，接了图片 API 画分镜。第一次跑通，六张图风格五花八门，我就开始跟 AI 反复磨提示词——让它规定人物数量、姿态、表情、光影，把画面描述写到很细。
中间也崩过几次。有一版每张图都是多格漫画，我以为 API 坏了，后来 AI 帮我定位到是提示词里有"panels"这个词被图模型理解错了。还有次后台预生成把 API 限流了，图片一直转圈不出来。每次这种时候我就直接把现象丢给 Chat，它帮我查、帮我改，我只要判断方向对不对。
整个过程其实就是不停地跟 AI 聊。 我负责想"这东西应该是什么样"，它负责"怎么实现"。TRAE 把"怎么写"这件事基本接管了，剩下的反而是"你想做什么"和"你为什么做"——这两件事只能靠自己。
1. Demo 简介
《画个明白》是一款基于大模型能力的单页 Web 应用，无需部署、双击即用。用户通过语音或文字自由倾诉一团乱麻的困境，AI 实时完成三件事：
- 理清逻辑：自动梳理时间线和因果链，让混乱叙述变成可视化的结构
- 画出分镜：根据困局复杂度动态生成 4-8 格水墨插画漫画分镜，从"我的视角"和"全局视角"两个维度呈现
- 给出路径：像懂你的老朋友一样，提供 4 条温暖且可执行的破局建议
面向谁
- 面临多线压力、需要理清思路的年轻职场人（25-35 岁）
- 正在经历人生转折期、对现状感到迷茫的大学生或应届生
- 习惯倾诉但不喜欢"说教式建议"的人——他们需要的不是答案，而是看清问题本身
在什么场景下使用
-
重度场景： 加班到深夜，脑子里同事甩锅 + 客户催稿 + 租房到期全搅在一起，打开《画个明白》把想说的话一口气倒出来，看着自己的困局变成一组可读的漫画，瞬间知道"原来这件事才是关键节点"。
-
轻度场景： 日常纠结（选 A 还是选 B）、复盘一段关系、梳理一次争吵，用漫画的方式快速理清头绪。
核心功能一览
| 功能模块 | 说明 |
|---|---|
| 语音倾诉 | 支持浏览器原生语音识别，语无伦次也没关系 |
| AI 文字整理 | 一键将口语化凌乱文字整理成通顺书面表达 |
| 时间线梳理 | 自动提取事件节点，生成阶段时间线 |
| 因果逻辑链 | 用节点因果链呈现问题从源头到现状的演变 |
| 漫画分镜生成 | 动态场景，水墨插画风格，两个视角 |
| 视角切换 | “我的视角”（主观近景）与"全局视角"（客观全景） |
| 破局路径卡片 | 4 条具体建议，每条含步骤和预期效果 |
2. Demo 创作思路
想解决什么问题
生活中遇到一团乱麻的困境时，大多数人会陷入"越想越乱、越乱越焦虑"的死循环。工作甩锅、项目延期、感情问题缠在一起，根本分不清哪件事是源头、哪件事是后果。
现有的解决方式——写日记、列清单、找朋友倾诉——都停留在文本层面，很难帮人真正看清困局的结构：
- 写日记太慢且容易半途而废
- 列清单太理性、不够直觉
- 找朋友倾诉，朋友要么急着给建议，要么听累了走神
- 心理咨询门槛高、成本大，不适合日常的"轻量级情绪整理"
- 现有问题管理工具（Notion、思维导图）都需要用户自己有结构化思维，但"乱"的时候恰恰没有这个能力
为什么会想到做这个
我自己每次遇到麻烦，脑子里都是一团浆糊。后来发现，当我把一件事"画出来"的时候，思路会突然清晰——因果关系变得直观，问题的卡点一目了然。我想把这个"画出来"的过程交给 AI 来做，让普通人不用学任何方法论，只要把心里的乱麻倒出来，就能看到自己困境的"全景图"。
核心理念
不做建议，只做呈现。 区别于所有"帮你分析"的工具，《画个明白》只负责让你"看见"，决策权完全在用户。心理学研究表明，当人们把模糊的焦虑具象化之后，焦虑水平会显著下降。你不再是面对一个"说不清的烂摊子"，而是在读一个有开头、有转折、有关键人物的"故事"。问题还是那个问题，但你看它的方式变了，焦虑感自然降级。
3. Demo 体验地址
demo.zip (45.0 KB)
4. TRAE 实践过程
1831099424312416:f2f19c1bd9c84dd8898154988405ad1a_6a4fa66c693cc723fcc4a002.6a4fa66c693cc723fcc4a005.6a4fa66c693cc723fcc4a003:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 21:47:24)
1831099424312416:196c0828143fae6bbed9cb8579949eae_6a4fa66c693cc723fcc4a002.6a4faf0f693cc723fcc4a082.6a4faf0f693cc723fcc4a080:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 22:24:15)
1831099424312416:3093ccb0496a4f47268f22b6e0fdca98_6a4fa66c693cc723fcc4a002.6a4fb927693cc723fcc4a0e0.6a4fb927693cc723fcc4a0de:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 23:07:19)
5. 对应的报名审核通过的帖子链接