Vibex

Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL. One HTML file, no server.

Open SourceLive

0 0

Install

npx skills add Raja0sama/vibex -g -a claude-code -a codex -y # Claude Code + Codex, then just ask

npx @vibex/vibex demo out # or look first: installs nothing

npm i -g @vibex/vibex

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.

Needs an API key or tokencd ~/work/vibex-site && VIBEX_USER=you VIBEX_PASSWORD=change-me docker compose up --build

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

Alternatives to Vibex

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

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