Arch Diagram Skill

RokoAI arch-diagram: a Claude Code & Codex skill that turns any repo or article into an animated architecture diagram (HTML / PNG / MP4 / GIF / Mermaid) with a live trace log

Open SourceLive

0 0

Install

npx @rokoai/arch-diagram install

/plugin marketplace add bassnova42/arch-diagram-skill

/plugin install arch-diagram@arch-diagram

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Alternatives to Arch Diagram Skill

Listings of the same kind that share the most topics, most-starred first.

Archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

96k

Diagram Design

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

67k

Stack Diagram

Agent skill: describe your stack in a sentence, get an architecture diagram with official logos

2.5k

SeeCode

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

948

Live Panel Skill

Agent skill + renderer: turn one JSON config (or an Excalidraw file) into an animated architecture diagram — terminal-style live panel or pastel infographic — as mp4 or a looping web page. 动态架构图 / age

859