csthink/dashmotion

Dashmotion is a skill for Claude AI that generates animated technical diagrams. You describe a system or workflow in plain English, or paste an existing diagram written in Mermaid (a text-based diagram format), and the skill produces a single self-contained HTML file where the diagram is already moving. Connectors stream in the direction data or execution flows, and small traveling dots represent requests moving through the system, similar to the animated diagrams you see on infrastructure product landing pages. There are two visual styles. The first is a flow mode for pipelines, workflows, and state machines, where the animation shows execution moving from a starting point through branches and merges to an end. The second is an architecture mode for system topology diagrams, where components like services, databases, and message queues are color-coded by type, boundaries like network zones or security perimeters are drawn around groups, and the animation shows a request hopping across the full path: from a client through a gateway to services and back. The output is a plain HTML file with no external dependencies. It uses CSS and SVG animation features that browsers already support, so the file works offline and does not require any JavaScript library or rendering tool. You can open it in any browser, embed it in documentation, or share it as a standalone artifact. Installation is done through Claude Code's skills system with a single command, or by uploading a zip file on claude.ai. Once installed, you invoke it by asking Claude to use dashmotion and describing what you want. You can refine the result by continuing the conversation in plain language, asking for changes to layout, emphasis, or structure. Mermaid diagrams can be pasted directly and converted to the animated format without redrawing, node labels, connections, and containment are preserved and only the visual style and layout are updated. It requires a Claude plan that includes skills, which as of the README means Pro, Max, Team, or Enterprise.