Lanshu Animated Architecture Diagram skill

lanshu-animated-architecture-diagram

A skill for animated architecture diagrams in a hand-drawn style: a JSON spec produces .excalidraw, .png and animated .gif files

  • 995 ★ on the repository
  • Last commit
  • MIT
Skill

Minimal access

Why this level

  • Runs Python scripts on your machine
  • Written for Codex and needs manual setup in other agents
All reasons and checks

cclank/lanshu-animated-architecture-diagram

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/lanshu-animated-architecture-diagram

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • Runs Python scripts on your machine
  • Written for Codex and needs manual setup in other agents

This is third-party code. Review the repository files before installing.

What it does

Lanshu Animated Architecture Diagram draws architecture diagrams for an agent: a JSON spec produces an `.excalidraw` file for editing, a static `.png` and an animated `.gif`. It suits articles, system descriptions and processes. The renderer is Pillow, and the style is hand-drawn. Installation: clone the repository and `python3 -m pip install -r requirements.txt`, and Python 3.9 or newer is needed. The skill was written for Codex. MIT license.

Who it is for. For developers and article authors who need clear animated system diagrams without drawing by hand.

Good fit when

  • You need an animated architecture diagram for an article or presentation
  • You need an Excalidraw file you can adjust by hand
  • You need a process diagram from a JSON description

Not a fit when

  • You need a diagram editor with a window: the skill works through a spec
  • You need strict UML diagrams: the style here is hand-drawn

Example request

Draw an animated diagram: a client, a gateway, three services and a database, arrows with labels, export to gif

Limitations

The skill runs Python scripts on your machine and writes files into the chosen folder. It was written for Codex, so connecting it in other agents may need manual setup. Access is minimal.

How to disable. Delete the clone folder and the installed Python dependencies if they are no longer needed.

FAQ

What do you get as output?

An .excalidraw file for editing, a static .png and an animated .gif.

How do I install it?

git clone of the repository and python3 -m pip install -r requirements.txt.

For which agent?

The skill was written for Codex and connects by hand in other agents.

Discussion

No questions or reviews yet.

Skills

An HTML design skill: clickable prototypes, slides with PPTX export, MP4 and GIF animations, infographics and expert review

SkillExtended access24.9KRepository stars

A skill that turns Chinese story copy or a set of ordered images into a vertical hand-drawn animation, a silent diary-comic picture track

SkillExtended access2.2KRepository stars

Lanshu AI Presenter Video

lanshu-create-ai-presenter-video

A skill for videos with a talking AI presenter from a script and one authorized portrait: narration, lip-sync, captions and verification of the result

SkillBroad access2.7KRepository stars
Needs a VPN

A Codex skill that turns a Chinese article into a series of hand-drawn 16:9 illustrations on white background with the Xiaohei character

SkillExtended access12.5KRepository stars

Guizang Material Illustration

guizang-material-illustration

A material illustration skill for an article's main picture: explanatory diagrams with captions, charts and reference images. The README is in Chinese

SkillExtended access1.2KRepository stars

A skill rebuilds the object in a reference image as a procedural Three.js model written in code, not downloaded art

SkillMinimal access18KRepository stars

README in short

The README describes a skill for hand-drawn animated architecture diagrams from a JSON spec with Excalidraw, PNG and GIF output. MIT license.

README badge

Report a problem

Foxx AILanshu Animated Architecture Diagram
Foxx AI

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.