Stats
Links
Categories
Marketplace
animated-sketch-diagram
Hand-drawn animated architecture diagrams for Claude Code — ink on beige paper, flowing dots, one self-contained HTML, seamless-loop GIF export
$
npx claudepluginhub oldyade/animated-sketch-diagram1 Plugin
animated-sketch-diagram
10·
Draws technical diagrams like a senior engineer sketching on paper — ink lines, doodle icons, dots flowing along the wires — then exports a seamlessly-looping GIF. One self-contained HTML, pure SVG+CSS, zero runtime.
6d
OLDyade'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)