# 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/`.

### 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 → execution → infrastructure) with a cross-cutting security/observability