← ClaudeAtlas

render-concept-diagramlisted

Render an animated conceptual diagram (boxes, arrows, labels) from a structured spec using Hyperframes. Use when a flowchart is too rigid and you need a free-form illustration.
huodebing-alt/Agentic-Headshot-Video-Studio · ★ 0 · AI & Automation · score 71
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.