Mermaid To Gif

Turns Mermaid diagrams into animated GIFs with four animation styles that each keep the full diagram visible from frame one. Progressive mode dims everything to 25% then lights up nodes and edges in sequence. Pulse flow animates dashed lines along edges at uniform speed for data pipelines. Highlight walk sweeps a blue spotlight through step-by-step processes. Wave just ripples brightness across static diagrams. Works on standalone .mmd files or batch extracts all mermaid blocks from markdown docs. The context-aware style selection is the smart bit: it tells you to read the surrounding markdown text and pick pulse flow for "data flows through" sections, progressive for "three layer architecture" parts, not just slam the same style on everything.

Install to Claude Code

npx -y skills add zc277584121/marketing-skills --skill mermaid-to-gif --agent claude-code