#83 · Primary category: Writing & Content

lanshu-animated-architecture-diagram

Premium hand-drawn animated architecture diagram Codex skill

Project last updated:06/26/26

GitHub Stars

940

Forks

115

Contributors

2

License

MIT

Why we included this project

Drawing good architecture diagrams for a tutorial is often the slowest part of publishing, and this Codex skill takes the drawing out of it. Instead of fighting a canvas tool, you write a single JSON spec describing boxes, flows, and annotations, and the local renderer turns that into an editable Excalidraw file, a static PNG, and an animated GIF with moving glow points and pulsing module highlights. Everything runs through Python and Pillow on your own machine, so there is no browser automation, ImageMagick, or remote API to set up or pay for. The default look is the black-canvas, hand-drawn style familiar from DailyDoseOfDS-type technical posts, which makes architecture walkthroughs consistent across a whole series of articles. Since it ships as a Codex skill, an agent can also generate diagrams for you in the same repeatable style.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category