csthink

dashmotion

csthink

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

AI 简介

Dashmotion 是一个将自然语言描述或 Mermaid 代码自动生成可交互动画技术图的工具,输出为单文件 HTML/SVG。它支持两种模式:流程模式(展示执行路径中的动态流,如状态机、工作流)和架构模式(呈现系统拓扑与请求轨迹,如客户端→服务→数据库的动画跳转),全部基于原生 SVG 动画(stroke-dashoffset + animateMotion),零依赖、轻量、可离线运行。适用于技术文档、架构演示、开发者博客及云平台落地页等需直观表达系统行为与数据流向的场景。

HTML
MIT License
134
Stars
8
Forks
1
Watchers
0
Issues

Star 增长

今日0
近 7 天0
近 30 天0
综合评分42.86
默认分支main