Architecture Drawer

architecture-drawer

English · [简体中文](README.zh_CN.md)

A skill for [Claude Code](https://code.claude.com), Codex, Open Code, Pi Agent, and other AI coding agents: turn a text description of your system architecture into an **editable PowerPoint architecture diagram**.


---

What it is

Turn **text descriptions** of an architecture into **editable PPT diagrams**: the agent generates an SVG from your description, auto-validates the layout, then exports to native PowerPoint shapes.

vs. direct image generation

	This project	Nano Banana / GPT-Image etc.
Output	Editable PPT (every shape draggable, recolorable, retextable)	Flattened image
Control	High (code-generated, precisely adjustable)	Low (prompt-driven, hard to reproduce)
Iteration	Fine-tune directly in PPT	Regenerate from scratch
Cost	Low	High (per-image billing)

Showcase

All diagrams below were generated entirely from text descriptions by the skill, then scored by the 13-dimension evaluator (each scored ≥76/100). They double as the regression suite under `evals/` — including the first non-architecture case (a process flowchart).

vLLM — High-Throughput LLM Inference Serving (PagedAttention)


Six-layer request pipeline (client → API server → engine → paged KV cache → execution → optimizations). Solid edges = data flow; dashed = cache/block management. *Scheme S1 Monochrome Blue.*

MLIR AI Compiler — Multi-Stream Execution Pipeline


A 4-layer × multi-column matrix (graph optimization → transformation → lowering → codegen) with vertical-fusion grouping and a concurrent multi-stream overlap timeline. *8-accent categorical palette.*

Agent Infrastructure — Layered Architecture


Five horizontal layers (application → orchestration → core capabilities → execut