场景
做一份开发者大会的技术演讲稿
4 个 skill 串成的代码密集型技术演讲流水线——Slidev 做骨架、mermaid 出图、终端录制做 demo、frontend-design 精修。
流水线
技术演讲稿跟融资稿正相反：你不是卖建议，你在解释系统。下面这套 stack 是为昏暗会议室 + 投影仪前的开发者准备的，不是给咖啡桌前的投资人。
Step 1：用 Slidev 做骨架
用 slides-creator 的 Slidev 模式。Slidev 是开发者大会的事实标准：Markdown 优先、代码块一等公民、语法高亮导出后保留、 键盘翻页内置。
用 slides-creator（Slidev 格式）做一份 20 页技术演讲：
《构建可靠的 Agent 系统》。受众：后端工程师。
用 dark 主题。代码块语法高亮，含 TypeScript 和 Python。Step 2：用 Mermaid 预渲染架构图
技术演讲里的架构图在投影仪上常常糊。原生 Mermaid 块在你笔记本上渲染没问题， 但 1080p 投影仪上就模糊。用 mermaid-tools 把 Markdown 里每个 Mermaid 块抽出来渲染成 2x retina PNG。
用 mermaid-tools 处理我的 talk.md。把每个 mermaid 块渲染成 2x 密度 PNG，
保存到 ./diagrams/。把内联块换成图片引用。Step 3：用 VHS 录终端 demo
现场敲代码 30% 概率翻车。提前用 cli-demo-generator
录终端 demo——写一个 .tape 脚本，每次渲染得到确定性 GIF。
在原本要现场敲码的地方嵌入 GIF。
用 cli-demo-generator 录 `pnpm install`、`pnpm dev`、然后打开 localhost:4321。
15 秒、dark 主题、等宽字体。Step 4：用 frontend-design 精修（可选）
如果 Slidev 默认样式读起来太通用，叠 frontend-design 在嵌入的 CSS 上。 “反 AI 味”规则（不要居中布局、不要紫色渐变、不要统一圆角）让你的稿件 不像其他每一份 AI 生成的演讲稿。
变体
- 闪电演讲（5 页）：跳过 Step 4，靠 Slidev 默认。
- Workshop（90 分钟）：加 Slidev 原生支持的交互式代码块。
- 开源发布公告：多录些 demo GIF，去掉架构图。
这条流水线不做什么
- 幻灯片间动画：Slidev 有微妙转场；完整动效图形用 nanobanana-ppt。
- 品牌主题的企业风格：Step 1 换成 ppt-creator + theme-factory。
这条 stack 假设受众是技术人员、屋子昏暗、演讲稿被评判的标准是清晰而非张力。