Point it at a repo. Get a diagram you can walk through.

A Claude Code skill that reads your code and writes one HTML file: C4 levels you can open, an inspector for every part, and runtime flows that play one hop at a time.

Open the Immich example → View on GitHub

$ npx skills@latest add ShibaInu0817/draw-c4-skill -g

Or as a plugin that updates itself: /plugin install draw-c4@draw-c4-skill

Back up a photo

Step 1 of 12 · Upload posted

Open any part

Start at the containers and double-click into the ones with something inside. Up to four levels.

Play a request

Flows are grouped by area. Each step lights one line and says what the code does there, failures included.

The inspector showing SmartInfoService, what it talks to and what calls it

Ask what a part does

The inspector lists what each part talks to and who calls it, read from the real code.

Ask

"Diagram this codebase." The skill asks which flows and levels you want.

It reads the code

Compose files, modules, queues and handlers, not the README.

You get two files

architecture.html to open and share, and model.json to update it next time.