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.

開源上線中

0 0

安裝

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

取自專案的 README。執行前請先確認它會做什麼。

README 掃描安全

README 要你執行的指令中，沒有發現有風險的內容。

需要 API 金鑰或 tokencd ~/work/vibex-site && VIBEX_USER=you VIBEX_PASSWORD=change-me docker compose up --build

我們只掃描 README，不掃描程式碼。沒有發現問題不代表一定安全。掃描方式

Vibex 的替代方案

同類型中主題重疊最多的項目，星數多的排前面。

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