render-concept-diagramlisted
Install: claude install-skill huodebing-alt/Agentic-Headshot-Video-Studio
# Render Concept Diagram / 概念示意图
## When to use / 何时使用
Free-form schematics: architecture sketches, mental models, layered concepts.
自由示意图:架构草图、心智模型、分层概念。
## Inputs / 输入
- `--spec inputs/diagrams/concept_NN.json`: `{nodes:[{id,label,x,y,style}], edges:[{from,to,label}]}`.
## Output / 输出
- `workspace/broll/broll_<id>.mp4`.
## Steps / 步骤
1. Validate spec JSON schema.
2. Inject into SVG-driven template (`templates/broll/concept/*.html`).
3. Animate node + edge reveals over `duration`.
4. Hyperframes render.
## Examples / 示例
```
claude run render-concept-diagram --id 11 --spec inputs/diagrams/concept_11.json
```
## Failure recovery / 失败回退
- If positions overlap, run a simple force layout pass.
- If spec invalid, dump error and skip cue.