dashmotion

by csthink · Claude Skill · ★ 56

About dashmotion

Dashmotion English | 简体中文 Diagrams that move. A Claude AI skill that turns a plain-English description — or a Mermaid source — into an animated technical diagram: a self-contained HTML/SVG file 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). What it does Describe a workflow or a system — in plain English, or paste a Mermaid diagram — and Claude hands back a single file that's already moving.

agent-skillsanimated-svganthropicarchitecture-diagramclaude-aiclaude-codeclaude-skilldiagram-generatorflowchartmermaid

Quick Facts

Stars56
Forks4
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score68.7636215387733/100
Last Updated2026-06-16
Created2026-06-11
Platformsclaude-code
Est. Tokens~17k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is dashmotion?

dashmotion is Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.. It is categorized as a Claude Skill with 56 GitHub stars.

What programming language is dashmotion written in?

dashmotion is primarily written in HTML. It covers topics such as agent-skills, animated-svg, anthropic.

How do I install or use dashmotion?

You can find installation instructions and usage details in the dashmotion GitHub repository at github.com/csthink/dashmotion. The project has 56 stars and 4 forks, indicating an active community.

What license does dashmotion use?

dashmotion is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools