cclank GitHub avatar

lanshu-animated-architecture-diagram

cclank

A Codex skill and local Python renderer that generates hand-drawn animated architecture diagrams (Excalidraw, PNG, animated GIF) from a single JSON spec without external services.

Stars

813

7-day growth

No data

Forks

90

Open issues

0

License

MIT

Last updated

2026-06-26

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It produces real animated GIFs with moving glow points and pulsing module highlights entirely locally using Pillow, while keeping the Excalidraw source editable and text‑based—no browser automation or ImageMagick required.

Who it is for

  • Technical writers creating animated diagrams for articles
  • System architects who need consistent, polished architecture visuals
  • Codex users wanting automatic diagram generation from textual specs
  • Developers needing lightweight, self‑contained diagram animation

Use cases

  • Explaining system architecture in blog posts or documentation
  • Annotating workflow or process flows with animated highlights
  • Generating ready‑to‑publish animated GIFs for social media or presentations

Strengths

  • Real animation with moving glow points and pulsing highlights, verified by frame‑diff checks
  • All outputs (Excalidraw, PNG, GIF) generated from one JSON spec with local Python dependencies only
  • Editable Excalidraw source remains text‑based and usable with the Excalidraw editor
  • Includes built‑in validation (--check and --verify) to ensure output correctness

Considerations

  • Fixed layout dimensions (1210×1138) and a narrow visual system (dark canvas, hand‑drawn style) may not suit all presentation needs
  • Requires Python 3.9+ and Pillow; optional ffprobe for media inspection
  • Designed as a Codex skill; standalone CLI usage is possible but documentation assumes Codex integration

README quick start

Quick Start

Description

Premium hand-drawn animated architecture diagram Codex skill

Related repositories

Similar projects matched by category, topics, and programming language.

lopopolo
Featured
lopopolo GitHub avatar

harness-engineering

Harness Engineering is a methodology for improving coding agent outputs by carefully crafting the environment around them—providing curated context, tools, and executable constraints that encode an organization’s nonfunctional requirements and cumulative lessons.

AI & Machine LearningAI Agents
2,390
slvDev
Featured
slvDev GitHub avatar

esp32-ai

A 28.9 million parameter language model runs on an $8 ESP32-S3 microcontroller entirely on-device, generating simple stories at about 9.5 tokens per second.

AI & Machine LearningLarge Language Models
1,960
littledivy
Featured
littledivy GitHub avatar

mimic

mimic captures traffic from any iOS or web app and automatically generates a Python client library that lets you call the app's API like a regular library.

AI & Machine Learning
1,482