dashmotion — Claude Skill by csthink

by csthink · Claude Skill · ★ 56

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

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. The name is the implementation: offset animation + paths — no libraries, no GIF rendering, no design tools. Inputs (today): a natural-language description, or a Mermaid / / 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.

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

dashmotion alternative? Top 6 similar tools

Looking for a dashmotion alternative? If you're comparing dashmotion with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • claudepro-directory by JSONbored · ⭐ 217

    HeyClaude (formerly Claude Pro Directory) is a searchable collection of pre-built AI skills, agents, MCP serve

  • skill-conductor by smixs · ⭐ 105

    Architecture-first skill lifecycle for AI agents. 5 modes: CREATE → EVAL → EDIT → REVIEW → PACKAGE. Integrates

  • excalidraw-skill by Agents365-ai · ⭐ 74

    Hand-drawn Excalidraw diagrams from natural language. 5 patterns, 8-color semantic palette, Kroki API or local

  • mermaid-skill by Agents365-ai · ⭐ 59

    Mermaid diagrams (.mmd) from natural language with validation loop. 11+ types, multi-backend (mmdc / Kroki), P

  • ask-user-questions-mcp by paulp-o · ⭐ 71

    Better 'AskUserQuestion' - A lightweight MCP server/OpenCode plugin/Agent Skills + CLI tool that allows your L

  • c0ntextKeeper by Capnjbrown · ⭐ 54

    Automatic context preservation for Claude Code. Never lose work to compaction again. 7 hooks, 187 semantic pat

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.

What are the best alternatives to dashmotion?

The top alternatives to dashmotion on Agent Skills Hub include claudepro-directory, skill-conductor, excalidraw-skill. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools