v2.2.0 — Mermaid input + deterministic layout engine
Feature release — paste a Mermaid source (or describe a system in plain English) and get the same animated, self-contained HTML diagram.
Highlights
- Mermaid input —
flowchart/graph/stateDiagram-v2→ an animated diagram. Every node, edge, edge label and subgraph containment is preserved; layout is recomputed top-down. Unsupported diagram types are declined rather than lossily guessed. - Deterministic layout engine (
scripts/layout.py, pure stdlib) — the model emits a semantic graph, the script computes all geometry (routing, boundaries, journeys). Large diagrams generate dramatically faster, with zero structural violations. - Mechanized self-check — bundled
check_diagram.py(structure) andcheck_fidelity.py(Mermaid labels/edges verbatim) run at generation time and fix what they find.
The output stays dependency-free: one self-contained HTML file — no libraries, no build step.
Install
- Claude Code:
npx skills add csthink/dashmotion -a claude-code - claude.ai: download
dashmotion.zipbelow → Settings → Capabilities → Skills → + Add → upload → toggle on
Full notes: CHANGELOG.md