claudeers.

🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?

Claim this page →
// Developer Tools

oh-my-mermaid

Turn complex codebases into clear, navigable architecture diagrams with Claude Code.

Slowing down
83/100
last commit 3 months ago
last release 4 months ago
releases 4
open issues 6
// install
git clone https://github.com/oh-my-mermaid/oh-my-mermaid

English | Türkçe | 한국어 | 日本語 | 中文

omm logo

Oh-my-mermaid

AI writes code in seconds. Humans understand it in hours.
But skip understanding, the codebase becomes a black box — even to you.

omm closes the gap — architecture docs, generated by AI, for humans.


Quick Start

Paste this in your terminal:

npm install -g oh-my-mermaid && omm setup

Then open your AI coding tool and use the /omm-scan skill:

/omm-scan

That's it. View the result:

omm view

Example

omm scanned itself. This is what it found.

omm vieweromm scan demo

How It Works

Your AI analyzes the codebase and generates perspectives — different lenses on your architecture (structure, data flow, integrations...). Each perspective contains a Mermaid diagram and documentation fields.

Every node gets recursively analyzed. Complex nodes become nested child elements with their own diagrams. Simple ones stay as leaves. The filesystem reflects the tree:

.omm/
├── overall-architecture/           ← perspective
│   ├── description.md
│   ├── diagram.mmd
│   ├── context.md
│   ├── main-process/               ← nested element
│   │   ├── description.md
│   │   ├── diagram.mmd
│   │   └── auth-service/           ← deeper nesting
│   │       └── ...
│   └── renderer/
│       └── ...
├── data-flow/
└── external-integrations/

The viewer auto-detects nesting from the filesystem — elements with children render as expandable groups, others as nodes.

Each element carries up to 7 fields: description, diagram, context, constraint, concern, todo, note.

CLI

omm setup                          # Register skills with your AI tools
omm view                           # Open interactive viewer
omm config language ko             # Set content language
omm update                         # Update to latest version

Run omm help for the full command list.

Skills

Skills are commands you run inside your AI coding tool (not the terminal). They start with /.

SkillWhat it does
/omm-scanAnalyze codebase → generate architecture docs
/omm-pushLogin + link + push to cloud in one step

Cloud

You can store your architecture in the cloud via ohmymermaid.com.

omm login && omm link && omm push

It's private by default. Share with your team, or make it public like this example.

Supported AI Tools

PlatformSetup
Claude Codeomm setup claude
Codexomm setup codex
Cursoromm setup cursor
OpenClawomm setup openclaw
Antigravityomm setup antigravity

Run omm setup to auto-detect and configure all installed tools.

Roadmap

See docs/ROADMAP.md.

Development & Contributing

git clone https://github.com/oh-my-mermaid/oh-my-mermaid.git
cd oh-my-mermaid
npm install && npm run build
npm test

Issues and PRs welcome. Use Conventional Commits.

License

MIT

// compatibility

Platformscli
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageTypeScript

// faq

What is oh-my-mermaid?

Turn complex codebases into clear, navigable architecture diagrams with Claude Code.. It is open-source on GitHub.

Is oh-my-mermaid free to use?

oh-my-mermaid is open-source under the MIT license, so it is free to use.

What category does oh-my-mermaid belong to?

oh-my-mermaid is listed under devtools in the Claudeers registry of Claude-compatible tools.

1 views
1,446 stars
unclaimed
updated 5 days ago

// embed badge

oh-my-mermaid on Claudeers
[![Claudeers](https://claudeers.com/api/badge/oh-my-mermaid.svg)](https://claudeers.com/oh-my-mermaid)

// retro hit counter

oh-my-mermaid hit counter
[![Hits](https://claudeers.com/api/counter/oh-my-mermaid.svg)](https://claudeers.com/oh-my-mermaid)

// reviews

// guestbook

0/500

// related in Developer Tools

🔓

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…

// devtoolsaffaan-m/JavaScript225,699MIT[ claude ]
🔓

Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA

// devtoolsgarrytan/TypeScript119,234MIT[ claude ]
🔓

AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…

// devtoolssafishamsi/Python80,484MIT[ claude ]
🔓

🙌 OpenHands: AI-Driven Development

// devtoolsOpenHands/Python79,324NOASSERTION[ claude ]

// built by

→ see how oh-my-mermaid connects across the ecosystem