{"repo":"csthink/dashmotion","free":true,"listed":false,"github":"https://github.com/csthink/dashmotion","clone":"git clone https://github.com/csthink/dashmotion.git","description":"Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.","language":"HTML","stars":152,"topics":["animated-svg","anthropic","architecture-diagram","claude-ai","claude-skill","diagram-generator","flowchart","svg-animation","workflow-visualization","agent-skills"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Dashmotion English 简体中文 Diagrams that move. 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. Two modes Flow mode Architecture mode --- --- What it does The name is the implementation: stroke-dashoffset offset animation + animateMotion paths — no libraries, no GIF rendering, no design tools. - Inputs (today): a natural-language description, or a Mermaid flowchart / graph / stateDiagram-v2 source — the same animated result either way. - Output styles (today): Flow — workflows, pipelines and state machines, where execution visibly streams from START to END through branches and merges; and Architecture — systems and topology, with semantic component colors, region/security boundaries, a legend, and the differentiator: animated request journeys, a dot hopping client → gateway → service → database and back. - Refine in plain language: \"make the auth path stand out\" , \"put Redis next to Postgres\" , \"split the workers into a second diagram.\" - The","default_branch":null,"files":null,"tree":[],"storefront":"/r/csthink","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/csthink/dashmotion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}