可视化叙事（2个指令）
可视化叙事指令（2个指令）
用于故事叙述、思维整理的可视化指令。
故事板（story）
分镜式故事板，适合剧本、视频分镜、产品场景描述。
1
教室里女配拿着手机准备发短信，喃喃自语
女配：我好钟意他啊，可是如果告白被拒绝了，那该多难为情啊
2
女配放下手机失落地趴在桌子上
女配：我该怎么办
3
一只手拍上她的肩膀
:::story
| shot | scale | duration | image | desc | dialogue |
|------|-------|----------|-------|------|----------|
| 1 | 近景 | 3s | https://picsum.photos/300/200?random=1 | 教室里女配拿着手机准备发短信，喃喃自语 | 女配：我好钟意他啊，可是如果告白被拒绝了，那该多难为情啊 |
| 2 | 近景 | 5s | https://picsum.photos/300/200?random=2 | 女配放下手机失落地趴在桌子上 | 女配：我该怎么办 |
| 3 | 特写 | 2s | https://picsum.photos/300/200?random=3 | 一只手拍上她的肩膀 | |
:::不放图片、加上拍摄备注，就是一份专业分镜表：
1
男主拿着单反相机走在校园取景拍照，透过相机观察校园美景
即将离开中国校园回国之际，拍下校园内令人怀念的景物
舒缓背景音乐
2
男主拿着单反相机走在校园取景拍照
无
舒缓背景音乐
3
男主拍下一张照片，正点开来看
What happened？怎么了？
心里独白
4
男主抬头寻找着照片中的地点
无
镜头充当男主视线
5
女主正和一男生吵架
原来在那儿
心里独白
:::story
| shot | scene | scale | duration | technique | desc | dialogue | note |
|------|-------|-------|----------|-----------|------|----------|------|
| 1 | 校园林荫道 | 近景 | 34秒 | 移 | 男主拿着单反相机走在校园取景拍照，透过相机观察校园美景 | 即将离开中国校园回国之际，拍下校园内令人怀念的景物 | 舒缓背景音乐 |
| 2 | 校园林荫道 | 近景到远景 | 1分钟 | 拉 | 男主拿着单反相机走在校园取景拍照 | 无 | 舒缓背景音乐 |
| 3 | 校园林荫道 | 远景到近景 | 30秒 | 推到脸部特写 | 男主拍下一张照片，正点开来看 | What happened？怎么了？ | 心里独白 |
| 4 | 校园林荫道 | 近景 | 1分钟 | 晃动镜头 | 男主抬头寻找着照片中的地点 | 无 | 镜头充当男主视线 |
| 5 | 小桥上 | 由远及近 | 20秒 | 推 | 女主正和一男生吵架 | 原来在那儿 | 心里独白 |
:::列说明：
| 列名 | 必需 | 说明 |
|---|---|---|
shot | ✅ | 镜头编号 |
image | 镜头图片，支持  或纯文本 URL。本地图片写 ，构建时会被优化 | |
desc | 场景描述 | |
dialogue | 对白/台词 | |
note | 拍摄备注 | |
| 其他 | 自动渲染为彩色标签 |
思维导图（mind）
基于 Markmap.js 的交互式思维导图，将 Markdown 列表渲染为可折叠的 SVG 脑图。
- Vergil 主题设计
- 视觉系统
- 配色方案
- 字体层级
- 间距规范
- 交互系统
- 纯 CSS 视图切换
- 数据驱动渲染
- 悬停动画效果
- 指令生态
- :::plan 多视图计划
- :::timeline 时间轴
- :::story 分镜脚本
:::mind
- Vergil 主题设计
- 视觉系统
- 配色方案
- 字体层级
- 间距规范
- 交互系统
- 纯 CSS 视图切换
- 数据驱动渲染
- 悬停动画效果
- 指令生态
- :::plan 多视图计划
- :::timeline 时间轴
- :::story 分镜脚本
:::- 点击节点可折叠/展开
- 鼠标滚轮缩放，拖拽平移
- 懒加载：滚动到可视区域才初始化
- 需要网络加载 markmap.js（约 100KB）