流光图绘

原名:dashmotion

创建暗色主题、自包含的HTML+SVG动画技术图表——流程图连接线动态流动,架构图中请求以光点形式穿越系统(Diagrid/Temporal风格)。

分类
内容创作
版本
v2.2.4
作者
弈韬(@ra1nzzz)
下载
0
收藏
0
发布
2026-08-25
更新
2026-09-21
TRACE 评分
4.6 / 5

内容概览

Create professional animated technical diagrams as single self-contained HTML files. The name is the implementation: stroke-dashoffset animation + animateMotion — that's all there is. Output is vector, loops forever, weighs a few KB, and opens in any browser. User wants Mode Read --- --- --- Steps, sequence, branching, parallel execution, state transitions ("what happens, in what order") Flow references/flow-mode.md + resources/template-flow.html Components, services, infrastructure, containment, topology ("what the system is made of") Architecture references/architecture-mode.md + resources/template-architecture.html Mixed request ("show our microservices AND how an order flows through them") → Architecture mode; the animated request path is the flow. Only produce two separate files if the process has branching logic that the topology can't express. Mermaid input — if the request contai…

查看 SKILL 详情