Claudius
Status

dashmotion

Skill

Claude Code skill that generates animated SVG/HTML technical diagrams from plain-English descriptions or Mermaid syntax.

by csthink·csthink/dashmotion·HTML·v2.2.4
76· B
Install
git clone https://github.com/csthink/dashmotion
Stars
149
7d change
1.36%
Downloads / week
Last active
1mo ago
About

A Claude skill for animated technical diagrams — from plain English or Mermaid, as one self-contained HTML/SVG file.

Turn a plain-English description — or a Mermaid source — into an animated diagram: one HTML/SVG file, no dependencies, where dashed connectors stream in the direction of execution and light dots travel through the system like requests in flight. The style you see on modern infra landing pages (Diagrid, Temporal, Inngest).

▶ Watch real diagrams run live → — unedited skill output, not a video.

⭐ If dashmotion saved you from hand-drawing a diagram, a star helps others find it.

Read more on GitHub →
What's inside
1 skilldashmotion
30-day stars
Trust factors
Source
community
Known advisories
0
Maintenance
maintained
License
MIT
Age
1 months
data-visualizationdeveloper-tools#diagram#animation#svg#mermaid#agent-skills#animated-svg#anthropic#architecture-diagram#claude-ai#claude-skill#diagram-generator#flowchart#svg-animation#workflow-visualization