←Leaderboard/Diagramming/dashmotion
Last commit on June 16, 2026·Created on June 11, 2026

csthink/dashmotion

“Animates technical diagrams so the movement becomes the meaning.”
Combined rank
#474
across all skills
In Diagramming
#12
category rank
Stars
149
+1.4% in last 7d
Forks
10
+11.1% in last 7d
Watchers
1
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Open on GitHub
Description

dashmotion creates dark-themed, self-contained HTML+SVG files where flowcharts have flowing connectors and architecture diagrams show requests traveling as light dots through the system. It converts plain descriptions or Mermaid source into animated diagrams for landing pages, READMEs, docs, and product demos. The skill is built around two modes—flow and architecture—and a deterministic layout engine that keeps the output structurally sound without hand-computing coordinates.

WHO IT'S FOR
Software Architects
animate topology and request paths
Backend & DevOps Engineers
visualize CI/CD and infra flows
Technical Writers & Docs Teams
embed animated technical diagrams
Developer Advocates & DevRel
produce polished infrastructure visuals
30 Days of GitHub Stars
+16 stars
↑ 12.0% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install
1 Skill · 4 Compatible agents · 3 categories · 4 install paths
Compatible agents
❯Claude Code❯Codex❯Cursor❯Amp
Categories
DiagrammingDeveloper ToolingMedia
Install via
Clone to Claude
Repository instructions
Manual Copy
Repository instructions
NPX Skills Add
Repository instructions
ZIP Upload
Repository instructions
Also in this category
4 of 14
Diagramming

tt-a1i/archify

Generates validated architecture, sequence, and data-flow diagrams from plain text or repository code as explorable HTML.

9.3k
Diagramming

Agents365-ai/drawio-skill

Generates professional .drawio diagrams from text, code, and infrastructure manifests, supporting UML, C4, ERD, BPMN, and SysML standards.

7.2k
Diagramming

Cocoon-AI/architecture-diagram-generator

Creates self-contained dark-themed HTML/SVG architecture diagrams for systems, cloud infrastructure, security diagrams, and network topologies with export to PNG and PDF.

6.8k
Diagramming

coleam00/excalidraw-diagram-skill

Generates Excalidraw JSON diagrams following a research-first methodology with evidence artifacts, multi-zoom architecture, and a render-validate loop.

4.3k
← Back to the leaderboardSkill Leaderboard © 2026