#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
AppFlowy
Bring projects, wikis, and teams together with AI. AppFlowy is the AI collaborative workspace where you achieve more without losing control of your data. The leading open source Notion alternative.
ppt-master
AI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations, data-backed charts and tables on demand, audio narration from speaker notes, and support for your own .pptx templates. · by Hugo He
humanizer
Agent skill that removes signs of AI-generated writing from text
Resume-Matcher
The #1 AI Harness for Building Resumes, PDFs, Cover Letters & more, locally with 100+ LLMs support.
storm
An LLM-powered knowledge curation system that researches a topic and generates a full-length report with citations.