Vibex — Development skill for Claude Code
Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL.
How to install Vibex
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Raja0sama/vibex and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Vibex does
Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL. One HTML file, no server.
Alternatives in Development
- Developing — Developing Prisma Next skills 47.6k ★
- Oop Architect — A Claude Code skill for OOP architecture planning and tracking — live Mermaid UML diagrams in CLAUDE.md that u 82 ★
- Rp Investigate CLI — Deep codebase investigation and architecture research with rp-cli commands 75 ★
README
vibeX
Your architecture diagram is a lie.
vibeX reads the thing that can't lie — your Prisma schema, your OpenAPI document, your GraphQL SDL, or the source itself — and renders the diagram that's actually true. Then it documents the system in claims that fail CI when the code moves underneath them.
**One standalone HTML file. No server. Nothing leaves your network.**
[](https://github.com/Raja0sama/vibex/actions/workflows/ci.yml)   
The diagram you have right now
a whiteboard photo in a Slack threada Confluence page last touched in 2023a Miro board nobody can finda Mermaid block that stopped renderingthe one guy who knows
→ **one command, run against the schema that actually ships.**
cd ~ && npx skills add Raja0sama/vibex # install the skill, then just ask
npx @vibex/vibex demo out # or look first — installs nothing
[](https://www.youtube.com/watch?v=SovgqAX7oSY)
**[Watch the demo](https://www.youtube.com/watch?v=SovgqAX7oSY)**
Why "vibeX"
**vibe** — how code gets written now. Fast, AI-assisted, more of it than anyone can hold in their head. **X** — the crossings. Which table joins which. Which service calls which. What happens after approval.
**You vibed it into existence. vibeX shows you what you actually built.**
The mark is the same idea: two edges crossing. Everything interesting in a system is a line between two things, not the things themselves.
Four diagrams. One source o
Related Skills
Interactive Diagram
生成可交互式、可拖动的 HTML 图表(流程图、架构图、思维导图、序列图),并将其作为独立文件保存。支持 Dagre 自动布局、平移/缩放,并可导出为 PNG/SVG/JSON 格式。零依赖。Claude Code 技能
Archpresent
Agent skill: generate beautiful dark-themed architecture diagrams from your project/demo/idea. Interactive, ve
Al Demo Day
Build a concise, self-contained HTML slide deck for team demo day with architecture diagrams and demo cues
Diagram Skill
Generate architecture diagrams from any codebase with a single Claude Code command. Zero dependencies.
Repo Cartographer
🗺️ One prompt, any codebase → architecture map. An agent skill that generates Mermaid diagrams, a traced core
API Contract
Manage API contracts — OpenAPI, gRPC, GraphQL, breaking-change detection
Related Agents
Docs Engineer
Documentation specialist for the Hydraia pipeline. Syncs README, API contract docs (OpenAPI/GraphQL), CHANGELO
QA API Tester
API test specialist for REST/GraphQL/gRPC-over-HTTP. Use to test endpoints against their contract (OpenAPI/sch
Review API Contract
MorviLabs review-crew specialist. Checks both sides of an API against its contract (OpenAPI spec, generated cl