Dashmotion

Dashmotion

Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.

Install

npx skills add csthink/dashmotion -a claude-code -g
npx skills update dashmotion -g -y
npx skills remove dashmotion -g # installed via the skills CLI (drop -g if project-local)

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Alternatives to Dashmotion

Listings of the same kind that share the most topics, most-starred first.

Archify

Archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

SafeS
Stack Diagram

Stack Diagram

Agent skill: describe your stack in a sentence, get an architecture diagram with official logos

SafeA
SeeCode

SeeCode

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

SafeA
Live Panel Skill

Live Panel Skill

Agent skill + renderer: turn one JSON config (or an Excalidraw file) into an animated architecture diagram — terminal-style live panel or pastel infographic — as mp4 or a looping web page. 动态架构图 / age

A
Svg Diagram

Svg Diagram

Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG, to one linted house style.

SafeB
Vibex

Vibex

Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL. One HTML file, no server.

SafeB
View on GitHub

Repository

Stars
200
Forks
20
Last updated
Jun 16, 2026
License
MIT
Language
HTML
Created
Jun 11, 2026
Open issues
1
Quality score
B 53/100

csthink/dashmotion

Read from GitHub daily.

See alternatives

Made by

No owner listed.

Sign in to claim this tool.