AcademySkillsDesign and media

dashmotion

Product, engineering and marketing teams that need animated architecture or process diagrams for pages and presentations.

  • Recommendedour rating
  • 176gitHub stars
  • MITlicence
  • 4 months agolast update
git clone https://github.com/csthink/dashmotion.git
README.md

Loading the file...

What it does

A Claude skill that turns a plain-English description or Mermaid source into an animated technical diagram. The output is a single self-contained HTML and SVG file with no dependencies, where dashed connectors flow in the direction of execution.

Use cases

  1. 01Animate a system architecture for a landing page
  2. 02Convert a Mermaid flowchart into a moving diagram
  3. 03Show how a request moves through a process

Questions about
dashmotion.

What is dashmotion used for?

Product, engineering and marketing teams that need animated architecture or process diagrams for pages and presentations. A Claude skill that turns a plain-English description or Mermaid source into an animated technical diagram. The output is a single self-contained HTML and SVG file with no dependencies, where dashed connectors flow in the direction of execution.

How do I install dashmotion?

Run this in your terminal: git clone https://github.com/csthink/dashmotion.git

Is dashmotion open source?

Yes. The code is on GitHub (csthink/dashmotion) under the MIT licence.

Is dashmotion safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.