✨ 2026 TRAE AI 创造力大赛 · 学习工作赛道

CodeVizTeach

让代码 自己讲给你听 📺

粘贴任意代码,一键生成 B 站级教学视频。
集成 Manim 可视化动画 + AI 中文语音讲解 + 同步字幕 + 变量追踪 + 调用栈动画。
3~7 天人工制作 缩短到 3~5 分钟 AI 自动出片

📁 项目 GitHub · wanuo54/code-teaching-video-agent 🎬 点击查看生成效果 ↓
0
+ 算法覆盖
0
Stage 流水线
0
级难度自适应
0
音画同步率
0
种教学策略
Demo 演示 AOE网关键路径 · 逆拓扑求Vl · CodeVizTeach 实际生成效果
⚡ PAIN POINTS · 真实痛点

学不会代码?可能只是没人"演"给你看

在没有 CodeVizTeach 的世界里,代码学习和教学面临四大无解难题:

😵
静态代码看不懂
光看文字和代码,脑子里想象不出变量怎么变、调用栈怎么走、递归为什么停。调试 3 小时不如动画 30 秒。
🎨
教学视频制作门槛极高
要做出 B 站算法区那种质量的视频,得会 Manim、Pr、配音、字幕、脚本,普通人学一周都出不了第一个视频。
💰
外包出片贵到离谱
请人做一分钟带 Manim 动画的讲解视频,报价 300~800 元,做一套 10 集课程要一个月工资。
🔍
找不到刚好匹配的讲解
B 站搜半天,别人讲的代码不是你那段。项目里的核心业务逻辑,全网都没有视频讲解,新人只能硬啃。
🚀 CORE FEATURES · 核心能力

一个 Agent,覆盖完整教学视频生产线

从代码输入到最终 MP4,零人工干预。每一步都由 AI 自主决策最佳教学策略。

🧠
深度代码理解
Code Analysis
不只是执行代码,而是真正"理解"代码。AST 抽象语法树 + CFG 控制流图 + 函数依赖分析,识别算法结构和核心逻辑。
AST 分析 CFG 控制流 递归检测
🎬
Manim 可视化动画
Visualization Engine
3Blue1Brown 同款动画引擎 Manim,100+ 预置场景库:数组交换、链表指针、图遍历、DP 表填充、调用栈展开…全都有。
100+ 场景库 3Blue1Brown 同款
🎙️
AI 中文语音讲解
TTS & Narration
微软 edge-tts 驱动高质量自然语言。5 种声线可选:男声技术讲解、女声亲切教学、快速/慢速模式。自动生成教学化文案,不念代码。
5 种声线 教学文案优化
📝
变量追踪 & 调试可视化
Debugger Visual
像 VSCode Debugger 一样高亮代码行,实时追踪变量变化、DP 表当前单元格、递归深度、图遍历三色标记、指针指向位置。
6 色高亮 DP 表追踪 调用栈
🎯
智能教学策略规划
Pedagogical AI
不千篇一律!根据算法类型自动选择教学策略:概念先行 / 可视化先行 / 问题先行 / 对比先行 / 剪枝先行 / 建图先行…共 10 种。
10 种教学策略 类比生成 误区检测
🎞️
一键输出完整 MP4
Video Output
ffmpeg 自动合成:无声动画 + 语音 + 硬字幕(支持中文烧录 + 黑描边)。三种画质可选:480p/720p/1080p。到手即发 B 站。
硬字幕 ffmpeg 3 档画质
💎 DIFFERENTIATORS · 技术亮点

为什么 CodeVizTeach 是最优解?

三大核心技术壁垒,构建不可替代的竞争护城河。

🎙️
音频驱动管线
业界首创的「先配音再驱动动画」架构。逐段 TTS 获取精确毫秒级时长,反算动画时间轴,实现帧级音画同步。告别传统"先做动画再配音"的反复微调地狱。
0.05s 音画同步偏差
🧩
70+ 算法全覆盖
覆盖数据结构、排序、查找、递归分治、DP、贪心、图论、回溯、字符串、高级专题共 10 大类 70+ 子类型。从本科数据结构到 ACM 竞赛,一张代码纸输入即可输出教学视频。
100% 本科算法考点覆盖
🎓
3 档难度自适应
同一段代码,对初学者多类比特写慢节奏,对进阶者聚焦核心逻辑,对高手直击优化与边界。AI 自动推断用户水平,匹配最佳教学策略与节奏。
10 种教学策略自动切换
🏗️ ARCHITECTURE · 技术架构

7 Stage 流水线 · 专业级视频生成引擎

从代码分析到视频合成,像一条工业流水线,每个 Stage 只负责一件事,做到极致。

1
INPUT
Code Analyzer | 代码结构分析
对输入代码做静态分析:AST 语法树、CFG 控制流图、函数调用关系、变量依赖、递归深度、复杂度初步估算。支持 Python/JS/Java/C/C++/Go 六种语言。
ASTCFG6 语言支持

2
CLASSIFY
Code Type Classifier | 算法自动分类
10 大类 · 70+ 子类型自动识别:排序 / 查找 / 递归分治 / 动态规划 / 贪心 / 图论 / 回溯 / 字符串 / 数据结构 / 高级专题。一个代码可命中多个标签。
10 大类70+ 子类型多标签

3
PLAN
Pedagogical Planner | 教学策略规划
根据算法类型 + 用户水平(BEGINNER/INTERMEDIATE/ADVANCED),自动选择最佳教学节奏、生成生活化类比、标注常见误区、生成学习目标。
类比库误区检测难度自适应

4
SCRIPT
Teaching Script Generator | 教学脚本生成
将"代码"翻译成"人话"。逐段生成 narration 文案 + animation_hint 场景提示。避免逐行念代码,改用自然语言解释思想。内置文案优化器。
JSON 脚本文案优化

5
STORYBOARD
Storyboard Generator | 分镜 & 场景调度
选择对应 Manim 场景库:Array / LinkedList / Stack / Queue / Tree / Graph / HashTable / DPTable 等。自动匹配最合适的示例数据、选择镜头运动。
100+ 场景库示例选择引擎镜头调度

6
TIMELINE
Timeline Planner | 音频驱动 · 时间轴规划(核心创新)
先 TTS 逐段配音,获取每段真实精确时长 → 生成 SRT 字幕 → 反驱动 Manim 动画的 wait/run_time。实现帧级音画同步
音频驱动帧级同步TTSManim

7
OUTPUT
Video Composer | 最终合成输出
ffmpeg 一次性合成:无声 Manim 动画 + 完整 narration 语音 + SRT 硬字幕(中文黑边字体)。输出 final.mp4,分辨率 480p/720p/1080p 可选。
ffmpeg硬字幕烧录3 档画质
🚀 TRAE INTEGRATION · TRAE 平台应用

深度融入 TRAE 生态 | 从 Skill 到完整工作流

CodeVizTeach 以 TRAE Skill 的形式深度集成到 TRAE IDE 中,利用 TRAE 的 AI 编码能力和本地开发环境,实现真正的"边写代码、边生成教学视频"。

🔌
TRAE Skill 一键调用
IDE 原生集成
安装为 TRAE Skill 后,在 TRAE IDE 中直接通过自然语言触发。对代码文件说"把这段代码做成教学视频",即可自动启动完整的7阶段流水线,无需切换任何工具。
TRAE Skill 自然语言触发 零配置
🤖
TRAE Work Auto 模式驱动
AI Agent 协作
借助 TRAE Work 的 Auto 模式,Agent 可以自主读取项目中的代码文件、分析代码结构、调用 Manim 渲染引擎、执行 ffmpeg 合成,整个过程全自动完成,用户只需一句指令。
Auto 模式 全自动流水线 端到端
📂
项目代码直接读取
Workspace 感知
与 TRAE Workspace 深度打通,可以直接读取当前项目中的任意代码文件,无需手动复制粘贴。支持多文件联动分析,识别跨文件的函数调用关系和模块依赖。
Workspace 打通 多文件分析 自动依赖追踪
🔄
迭代优化闭环
持续改进
在 TRAE 中查看生成的教学视频后,可以直接用自然语言反馈"讲解节奏太快""这个类比不够直观",Agent 会自动调整教学策略和脚本参数,重新生成优化版本。
自然语言反馈 自动调参 版本迭代
📦
本地环境完整利用
TRAE 本地能力
充分利用 TRAE 本地开发环境的计算能力,Manim 渲染、ffmpeg 视频合成、Python AST 分析全部在本地高效执行,无需上传代码到云端,保护代码隐私。
本地渲染 代码隐私 高性能
🌐
开源社区共建
生态扩展
以 MIT 协议开源,欢迎社区贡献新的算法模板、Manim 场景库和教学策略。通过 TRAE Skill 市场分发,让更多开发者和学习者受益,形成"用 TRAE 做教学工具"的良性生态。
MIT 开源 Skill 市场 社区共建
💎 DIFFERENTIATOR · 核心创新

音频驱动管线 | 解决"音画不同步"千年难题

传统方案先做动画再配音,动画节奏永远跟语音对不上。我们把流程倒过来:先配音,再根据精确时长做动画。

传统方案 ❌
🎞️ 先做动画 → 再配音
1写 Manim 场景代码

2固定节奏渲染动画

3手动录制/生成语音

4后期强行对齐,反复调整

5结果:音画偏差 ±1~3s
⚠️ 问题:动画时长定死,语音快了等不及、慢了接不上。
一个 5 分钟视频,要反复微调 10+ 次。
本方案 ✨
🎙️ 先配音 → 再驱动动画
A生成教学脚本 JSON

B逐段 TTS 配音,获取精确时长

Cffprobe 记录每段真实时长

D反算 timeline.json,控制动画节奏

E结果:音画帧级同步 ±0.05s
视觉先行 0.15s:画面先动,语音稍后解释,符合认知习惯。
一次成功:无需反复调整,批量化生产。
99% 同步率:人类基本察觉不到偏差。
🧩 ALGORITHM COVERAGE · 算法全谱系

70+ 算法全覆盖 | 本科数据结构到算法竞赛

覆盖计算机本科「数据结构」「算法设计与分析」两门核心课 100% 考点 + 考研、LeetCode、ACM 常见题型。

📦
数据结构类 Data Structure
14 种
数组/双指针链表 队列字符串二叉树 BST 二叉搜索树AVL 平衡树B/B+树 哈夫曼树 哈希表并查集
🔢
排序算法类 Sorting
10 种
冒泡选择插入 希尔快速归并 堆排序基数桶排序 计数排序
🔎
查找算法类 Searching
6 种
顺序查找二分查找分块查找 哈希查找BST 查找平衡树查找
🪆
递归与分治 Recursion & Divide
6 种
基础递归汉诺塔归并排序 快速排序大数相乘棋盘覆盖
📊
动态规划类 Dynamic Programming
10 种
斐波那契/爬楼梯最大子数组和01背包 完全背包多重背包LIS 最长上升 LCS 最长公共子编辑距离矩阵连乘 石子合并/路径问题
👁️
贪心算法类 Greedy
5 种
活动选择零钱兑换哈夫曼编码 区间覆盖/选点分数背包
🕸️
图论算法类 Graph
13 种
DFS 深搜BFS 广搜Dijkstra Bellman-FordSPFAFloyd PrimKruskal拓扑排序 关键路径 AOE匈牙利Tarjan 强连通
🌳
回溯算法类 Backtracking
6 种
全排列子集/组合N皇后 数独迷宫求解八数码
🔤
字符串算法类 String
5 种
朴素匹配KMP字符串哈希 AC 自动机Manacher 回文
高级专题类 Advanced
9 种
双向 BFS迭代加深 IDSA* 启发式 GCD/扩展欧几里得素数筛快速幂 凸包蒙特卡洛矩阵运算
🎓 PERSONALIZATION · 个性化教学

3 档难度自适应 | 对谁都能讲到位

同一段代码,对初学者多类比特写,对进阶者聚焦思想,对高手直击优化技巧。不用你选,AUTO 模式自动推断。

● LEVEL 1
🌱 初学者 BEGINNER
适合:零基础 / 入门 / 考研一轮 / 算法小白
  • 多类比、多生活化举例
  • 慢节奏,动画逐帧走
  • 每一步都讲"为什么"
  • 生活化类比:栈=叠盘子、递归=套娃
  • 基础概念不省略,从零讲起
  • 常见误区特别警示动画
● LEVEL 2 ⭐ DEFAULT
🚀 中级 INTERMEDIATE
适合:有基础 / 刷题中 / 课程复习 / 项目代码学习
  • 适度讲解,重点突破
  • 省略基础概念,聚焦核心逻辑
  • 中等节奏,典型步骤详细讲
  • 复杂度分析带过但不省略
  • 1~2 个关键类比 + 典型例子
  • 推荐默认档,适用 80% 用户
● LEVEL 3
🔥 高级 ADVANCED
适合:进阶开发者 / 算法竞赛 / 校招冲刺 / 资深工程师
  • 聚焦核心思想 + 优化技巧
  • 快节奏,基础一笔带过
  • 复杂度下界证明
  • 多种解法横向对比
  • 边界条件 / 最坏情况重点讲
  • 工程实现坑点 & 最佳实践
👥 USER SCENARIOS · 典型场景

4 类核心用户 | 效率提升立竿见影

无论是在校学生、培训机构、开源维护者还是企业开发团队,CodeVizTeach 都能让代码教学效率提升一个数量级。

🧑‍🎓
用户画像 01
计算机专业学生
下周要考图论,Dijkstra 和 Prim 老是搞混,B 站视频要么太长要么太浅,老师 PPT 看不懂。
7 天 → 30 分
把复习 6 种最短路径/生成树算法的时间,从一周缩短到半小时。
👨‍🏫
用户画像 02
编程讲师 / 机构
机构要开数据结构课,我是主讲,每节课都要做动画素材,一个月才能更完 10 集,根本跟不上招生节奏。
10× 产能
同样的一个人 + 同样的时间,原来出 5 集动画课,现在能出 50 集。
🧑‍💻
用户画像 03
开源维护者 / 项目作者
我开源了一个算法库,文档写得再详细,Star 就是涨不上去,很多人反映"看了文档还是不懂怎么用"。
3 分钟
给核心 API 各生成一个 1-2 分钟讲解视频,挂到 README,瞬间降低上手门槛。
🏢
用户画像 04
企业开发团队
新人入职要啃一堆祖传业务代码,老员工反复讲同样的逻辑,mentor 没时间,项目上手慢、出错率高。
-60% onboarding
把项目核心模块的关键算法/流程录成讲解视频,新人入职第一天就能看。