【学习工作赛道】CineGraph：AI 驱动的影视图谱工作台，从一张图到一部剧的内容生产加速器
0. 先和大家打个招呼吧
我是谁：一名从业十余年的专业影视、游戏编剧，对影视内容创作和 AI 工具都充满热情的独立开发者。曾经参与过多个影视项目，深知影视从业者在立项阶段"做图难、写材料更难"的痛点。
我的个人网站：www.aiydc.com 有我的个人介绍。
Demo 体验地址
-
在线体验： CineGraph - 影视图谱工作台
-
注意：目前只是demo阶段，bug比较多，仅供测试，后续会持续迭代。
我是怎么用 TRAE 把 Demo 做出来的：
最初只是想做一个"能快速画人物关系图的小工具"：毕竟每次立项汇报都要在 PPT 里拖节点调连线，太痛苦了，而目前市面上的产品并无垂类针对于影视行业的绘制工具。我把这个想法告诉 TRAE，和他一起讨论梳理出了产品定位、核心功能和技术选型，并很快就生成了第一版可运行的原型。
初版工具是一个纯手动工具，只有基本的添加节点、添加连线的功能，跟市面上一些思维图对比并无本质区别，我在此基础上，基于自己的实际需要，开始加入更多的接口、模板，让它逐渐成为一个我自己用的趁手的工具。
与此同时，我还在用trae制作一个内容创作类IDE工具，其中有一些已经搭建好的智能体，我选用了几个做广电合规材料的智能体放在当前应用中，作为首批扩展功能，基于此，我搭建了完整的ai相关框架。
既然ai功能已经有了，我的思维开始转向，就是怎么突破传统的人物关系图、故事结构图框架，让ai真正能够参与到具体的工作中，于是我再次跟trae展开讨论，很显然，trae 不只是"写代码的工具"，它更像一个懂产品、懂技术、还能跟你讨论行业痛点的搭档。
我一开始也犹豫"要不要加 AI 功能"，毕竟我一开始只是想做个常态化的图谱工具罢了，但trae它跟我讨论："如果只是画图，天花板太低了。我们需要找到影视行业真正的痛点“，影视行业真正的痛点是什么？是从大纲到立项材料的一整套生产流程。
trae的鼓励让我决定干。
于是我们从"画图工具"升级到"AI 工作台"，陆续加入了 AI 生成关系图、AI 图片解析、AI 故事结构生成、广电合规重整、备案材料生成…… 6 大 AI 功能，每一个都是先跟 TRAE 讨论"用户需不需要、值不值得做"，再由它帮我实现。当然，因为时间比较紧，这块功能还是一个框架，存在一些问题，后续还会继续迭代。
有同学问了，ai直接生成关系图不好吗？为什么要这么麻烦？
事实上我让ai根据我的人物小传生成了关系图，（用过豆包、gemine，gpt等）但整体的感觉是：看起来很专业、元素丰富、排版精美，但很多关系是错的，很多文字是糊的，显然，如果要直接拿来用是不行的，还得各种P，这又加大了很多工作量。
于是我再次跟trae讨论：我们当前的图谱工作台已经能够做到精准控制，无非就是导出效果一般，不像ai生成那么精美，经过几轮讨论，我们确定可以先内置一些主题模板系统：从背景渐变、节点样式、关系线发光到装饰，6 套主题一气呵成。编辑模式用简洁风格保证效率，演示模式用华丽主题提升质感，一套数据两种呈现，大概能达到ai生成的大部分效果，至于更加精美的效果——我们导出的是透明通道png，无非就是需要一张精美底图罢了。
而且这些主题也只是权宜之计，后续我已经在开发直接接入生图模型的智能体功能，实现我方精准控制+AI一键生成的精细化操控。
整个过程中，我的角色从"写代码的人"变成了"定义问题的人"——我负责说清楚"用户要什么"，TRAE 负责把它变成能跑的代码。这种"一个人就是一支队伍"的感觉，在以前是不敢想象的。
1. Demo 简介
CineGraph是什么：
CineGraph 是一款 AI 驱动的影视可视化创作工作台，产品形态为基于浏览器的 Web 应用。它不只是一个"画图工具"，而是覆盖从剧本梳理到立项申报的影视内容生产全流程工具——用 AI 生成人物关系图、故事结构图，用主题模板打造演示级视觉，用智能体一键生成广电合规备案材料。
面向谁：
| 影视制片人/策划 | 立项汇报要做大量图表和文字材料，格式不统一、效率低 |
| 编剧/导演 | 梳理人物关系、故事结构耗时，缺乏专业的可视化工具 |
| 影视院校师生 | 作业/毕设需要专业图表，但不会用复杂设计软件 |
| 独立创作者/短剧团队 | 预算有限，需要低成本快速产出专业立项材料 |
| IP 改编/内容运营 | 快速分析小说/剧本的人物关系和故事结构 |
主要功能：
核心功能一：AI 智能生成（6 大 AI 能力，全流程覆盖）（持续迭代中）
输入文字或上传图片，AI 一键生成专业图谱：
-
AI 生成人物关系图 — 粘贴人物小传/故事梗概，AI 自动提取角色、关系、分组，几秒生成可编辑图谱
-
AI 图片解析 — 上传一张参考图，AI 自动识别角色节点、关系连线、颜色分组，转化为可编辑数据
-
AI 生成故事结构 — 输入万字大纲，AI 自动拆解为救猫咪/英雄之旅/三幕式等经典框架的节拍卡片
-
广电合规大纲重整 — AI 智能优化大纲表述，淡化敏感元素，不变剧情只改说法，符合备案标准
-
备案材料一键生成 — 自动生成全套备案材料：内容简介、思想内涵、故事梗概、创作阐述、项目亮点、审核意见
-
AI 智能分析对话 — 与 AI 剧本专家实时对话，角色分析、剧情审查、结构建议，随身创作智囊团
所有 AI 功能均支持流式输出，实时展示思考过程与生成内容，看得见的 AI，才让人放心。
核心功能二：双模式可视化编辑（编辑效率 + 演示质感）（古法图谱，基本实现）
-
人物关系图：8 向连接接口、贝塞尔曲线关系线、角色原型系统、分组框、智能吸附、一键规整布局
-
故事结构图：5 种视图（时间线/流程图/环形图/情绪曲线/矩阵）+ 9 大经典故事框架模板
-
6 套主题模板：默认简洁、古风仙侠、浪漫爱情、悬疑侦探、科幻未来、校园青春——编辑模式精准高效，演示模式商业级视觉
核心功能三：专业导出 + 本地持久化（轻微bug，持续修复）
-
高清 PNG 导出（1x/2x/3x/4x），支持透明背景，直接插入 PPT
-
JSON 格式保存/加载，无需后端，数据完全本地
-
完整的撤销/重做、键盘快捷键体系
2. Demo 创作思路
灵感来源：
这个项目的起点非常朴素——我在参与很多影视项目时，团队会花费很多时间在 PPT 里画人物关系图。节点要对齐、连线要不交叉、颜色要协调……
那一刻我就在想：影视创作者的时间，应该花在内容上，而不是调格式上。
市面上不是没有画图工具——ProcessOn、draw.io、Figma…… 但它们都是通用工具。你得自己想"角色节点长什么样"“关系线用什么颜色”“故事结构怎么排”。对于影视从业者来说，学习成本太高，做出来的东西也不够专业。
如果有一个工具，天生就懂影视呢？
它知道主角应该放中间、反派放对面、导师在侧边；
它知道救猫咪 15 节拍怎么排、英雄之旅 12 阶段怎么转；
它知道立项 PPT 需要什么样的图、广电备案需要什么样的材料。
这就是 CineGraph 的起点——不是又一个画图工具，而是第一个真正懂影视的 AI 工作台。
想解决的问题：
-
效率问题：影视立项需要大量图表和文字材料，手动制作耗时数天，AI 生成只需几分钟
-
专业度问题：通用工具做出来的图表缺乏行业专业感，格式不统一，影响提案质量
-
合规门槛：广电备案材料要求高、格式严，新人或小团队往往不知道怎么写才能过审
-
人才缺口：好的剧本策划、合规专家很贵，中小团队和独立创作者负担不起
为什么做这个方向：
选择影视内容工具这个赛道，我们有三个判断：
第一，垂直比通用更有价值。
通用白板/流程图工具已经很多了，但影视行业专用的几乎没有。垂直意味着更深的行业理解、更精准的功能设计、更高的用户粘性。一旦成为行业标配，护城河就很深。
第二，AI 与影视创作的结合点才刚开始。
现在大家谈 AI+影视，想到的都是 AI 生成视频、AI 换脸。但在"前期策划"这个环节——人物关系梳理、故事结构搭建、合规备案材料——AI 能发挥的价值被严重低估了。这个环节不需要生成像素，只需要生成结构化的内容和专业的判断，恰恰是当前大模型最擅长的。
第三，从工具到平台的想象空间。
CineGraph 的终局不是"一个画图工具"，而是泛内容行业的 AI 材料聚合平台：
-
今天它服务影视行业，明天可以延伸到动漫、游戏、小说；
-
今天它生成关系图和备案材料，明天可以生成完整的剧本评估报告、IP 改编方案、宣传策划案；
-
今天它是单人工具，明天可以是团队协作平台，甚至是连接创作者与制片方的撮合平台。
-
至于剧本生成等更加细分复杂的业务，我这边也在研发解决方案，并已经有了一些成果，后续影视工具这块内容我会做完整聚合平台。
我们先从"一张图"切入，再逐步扩展到"一整套材料"，最终成为内容生产的基础设施。
3. Demo 体验地址
-
在线体验： CineGraph - 影视图谱工作台
-
注意：目前只是demo阶段，bug比较多，仅供测试，后续会持续迭代。
4. TRAE 实践过程【早期开发忘记截图了，看现在成品图吧】
整个项目从"一个想法"到"能跑的 Demo"，大概用了几周时间。TRAE 在其中扮演的角色，远远不止"帮我写代码"——它更像一个全能技术合伙人，产品讨论、架构设计、代码实现、问题调试，处处都有它的身影。
阶段一：从想法到第一版原型
最开始我只是模糊地想"做一个影视人物关系图工具"。我把这个想法告诉 TRAE Work，它没有直接开始写代码，而是先跟我讨论：
-
目标用户是谁？核心痛点是什么？
-
与 ProcessOn、draw.io 等通用工具有什么差异化？
-
第一版 MVP 应该包含哪些功能？哪些可以往后放？
几轮对话下来，产品定位越来越清晰。然后 TRAE 直接生成了第一版创意展示 HTML 页面。虽然只是静态展示页，但产品形态、核心功能、视觉风格都有了。
关键收获：TRAE 帮我把"模糊的想法"变成了"清晰的产品定义"。这一步的价值，比写多少行代码都大。
阶段二：核心编辑器从 0 到 1
有了原型页之后，我在 TRAE IDE 中开始搭建真正的应用。技术选型是 TRAE 帮我定的：
-
画布引擎用 @xyflow/react（专业节点编辑器，生态成熟）
-
状态管理用 Zustand + Immer（轻量高效，适合中等复杂度应@xyflow）
-
样式用 Tailwind CSS（快速迭代，UI 一致性有保障）
-
自动布局用 elkjs（工业级布局算法，省得自己造轮子）
搭建过程中遇到的问题，比如节点自定义、关系线路由、画布缩放平移…… 都是 TRAE 查文档、写代码、调样式，一步步搞定。印象最深的是关系线路由那个问题——一开始用简单的贝塞尔曲线，交叉重叠很严重。TRAE 帮我调研了好几种方案，最终选用了基于角度优先 + 使用均衡的智能接口选择策略，视觉效果提升了一大截。
PS：不要总是想着自己造轮子，可以给trae一些相关开源项目去学习参考，比凭空造轮子效果更好。
阶段三：AI 能力的接入与升级
基础编辑器做好之后，我们开始加 AI 功能。最开始只有"AI 生成关系图"这一个功能，后来越做越多：
-
加完文字生成，想"能不能直接传图片？"→ 有了 AI 图片解析
-
关系图做完了，想"故事结构能不能也让 AI 生成？"→ 有了 AI 生成故事结构
-
结构生成了，想"能不能直接帮我把备案材料也写了？"→ 有了合规重整和备案材料生成
-
最后想"用户可能有各种个性化问题"→ 加了 AI 智能分析对话
6 个 AI 功能，每一个都是先讨论"值不值得做、用户会不会用"，再由 TRAE 实现。特别是流式输出那一块——我觉得"转圈圈等待"太无聊了，想要那种"AI 边想边写"的效果。TRAE 就帮我设计了双帧流式 UI：上面一帧显示思考过程（
），下面一帧显示正式输出（
），还有脉冲光标指示当前进度。用户反馈说，看着 AI 一步步思考，信任感提升了很多。
阶段四：主题系统——从"能用"到"好看"
功能都做差不多了，但总觉得"差点意思"——编辑器是挺好用的，但视觉效果跟专业的立项 PPT 图比起来，还是差了一个档次。
我给 TRAE 看了几张 AI 生成的古风仙侠人物关系图，说：“我想要这种感觉，但要是用户可编辑的、数据精准的。”
TRAE 给出的方案是主题系统：把所有视觉元素（背景、节点、关系线、分组框、字体、颜色、装饰）全部抽象成可配置的主题，然后提供多套精心设计的主题模板。用户在编辑的时候用默认简洁主题（保证效率），导出/演示的时候切换到古风仙侠等主题（提升质感）。一套数据，两种呈现。
结果就是——6 套主题（古风仙侠、浪漫爱情、悬疑侦探、科幻未来、校园青春、默认简洁），每一套都有完整的视觉设计，从背景渐变到祥云装饰，从发光边框到字体选择，细节拉满。
PS：主题系统是权宜之计，为后续直接对接生图模型进行商用级ai生图做底子支撑。
最深的感受：
以前做一个项目，我得同时扮演产品经理、架构师、前端开发、UI 设计师的角色。每个角色都要花大量时间，还不一定做得好。
有了 TRAE 之后，我更像一个产品决策者——我定义问题、判断优先级、验收结果，而 TRAE 负责把想法落地。它不会说"这个做不了"，只会说"我们试试这样……"。它的知识面很广——从前端框架到图论算法，从影视行业知识到 UI 设计原则——跟它讨论问题，经常能获得意想不到的启发。
这可能就是 AI 编程工具真正的价值：不是让你更快地写代码，而是让你能做以前一个人做不了的事。
5. 商业化前景与未来规划
为什么这个赛道有机会？
市场够大：
中国影视行业每年产出上万部剧集、电影、网络大电影、短剧，加上动漫、游戏、网文等泛内容行业，内容创作者数以百万计。每一个项目的前期策划，都需要大量的图表和文字材料。
痛点够痛：
-
中小团队和独立创作者请不起专业的策划和合规顾问
-
通用工具效率低、不专业，做出来的材料质量参差不齐
-
广电备案材料格式要求严格，新人容易踩坑
AI 时机刚好：
大模型在文本理解、结构化生成、专业知识应用方面已经足够成熟。影视前期策划这个场景，不需要生成视频级别的内容，恰恰是大模型的舒适区。
商业模式
1. SaaS 订阅（核心）
-
免费版：基础编辑功能 + 每月有限次数的 AI 调用，吸引用户上手
-
Pro 版：无限 AI 调用 + 全部主题模板 + 高级功能+自定义llm接入
-
团队版：多人协作 + 团队素材库 + 权限管理 + 优先支持+自定义llm接入
2. 企业版与定制化
-
为影视公司、平台提供私有部署
-
定制行业模板（如特定平台的备案材料格式）
-
API 接入客户的内部工作流系统
3. API 服务
-
为影视平台、网文平台、剧本杀工作室提供 AI 剧本分析与图谱生成 API
-
按调用量计费
4. 模板市场与内容生态
-
创作者上传分享高质量的关系图模板、故事结构模板
-
平台抽成 30%，构建创作者生态
-
优质模板官方收购，纳入付费模板库
未来规划
第一步：打磨产品，验证需求
-
完善核心功能，提升 AI 生成质量
-
积累 10 万+ 注册用户，验证付费转化率
-
拓展到短剧、网文等细分领域
第二步：构建生态，横向扩展
-
上线团队协作与云端存储
-
开放模板市场，引入创作者生态
-
从影视扩展到动漫、游戏、小说等泛内容行业
第三步：平台化，连接供需
-
持续接入我研发的其他影视或者说内容向工具
-
从单一工具升级为内容创作服务平台
-
连接创作者与制片方/平台，撮合项目合作
-
成为泛内容行业的基础设施
CineGraph —— 让影视创意，从一张专业的图开始。
Session ID ：
.3405624038929435:d42b023b41e0d1205a9cd095f5877ae7_6a5736c1f925080b16dd6aa0.6a5744c7f925080b16dd8c4c.6a5744c78a39f10ae3cf8d48:Trae CN.T(2026/7/15 16:28:55)
.3405624038929435:606d3e37845801eb62e000f1c3ed8e4d_6a53494d592c86139c940b7c.6a5367d6592c86139c941084.6a5367d5f48668a444e5750f:Trae CN.T(2026/7/12 18:09:26)
.3405624038929435:82d9acd43342c672a058554e90f71545_6a539106592c86139c941d79.6a53911b592c86139c941d7e.6a53911bf48668a444e57514:Trae CN.T(2026/7/12 21:05:31)
.3405624038929435:fd326e6a7664913ffa8b8cc499f8d681_6a54da87cf06773ded0e4978.6a54db95cf06773ded0e4a00.6a54db949cd1532dcea26ddc:Trae CN.T(2026/7/13 20:35:33)
这是最新的几个id，其他还有更早的，但电脑之前开太多窗口崩掉重装过一次系统，有些记录没了，官方服务器可能有，能找到的话我直接授权可以查看就是了，另外我有俩账号，这个账号没有更早记录的话可能在另一个账号，可以随时提供，这个应用全程都是用trae（可能有trae ide/solo/work记不清用了那些了）开发的。
开发过程截图：
对应的报名审核通过的帖子链接
