omm-push
Push architecture docs to oh-my-mermaid cloud. Handles login, link, and push workflow with error guidance. Use when the user says "omm push", "push to cloud",…
Scan codebase architecture and generate/update .omm/ documentation. Use when the user says "omm scan", "scan architecture", "update architecture", "refresh diagrams".
$ npx -y skills add oh-my-mermaid/oh-my-mermaid --skill omm-scan --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/omm-scanContext preview
The summary Claude sees to decide when to auto-load this skill.
Scan codebase architecture and generate/update .omm/ documentation. Use when the user says "omm scan", "scan architecture", "update architecture", "refresh diagrams".
name: omm-scan description: Scan codebase architecture and generate/update .omm/ documentation. Use when the user says "omm scan", "scan architecture", "update architecture", "refresh diagrams".
Analyze the codebase and generate `.omm/` architecture documentation using **perspective-driven recursive analysis**.
command -v omm || npm install -g oh-my-mermaid
If the install fails, tell the user: "Please run `npm install -g oh-my-mermaid` in your terminal, then try again."
---
omm config language
Write field content (description, context, constraint, concern, todo, note) in the configured language. Default is English. Element IDs, directory names, and diagram node IDs are always English kebab-case.
Use Glob and Read to understand the project:
From the catalog below, choose which perspectives are meaningful for this codebase.
| Perspective | When to create | What it answers | | --- | --- | --- | | `overall-architecture` | **Always** | What exists and how pieces relate | | `request-lifecycle` | Any server/API | How a request enters and gets handled end-to-end | | `data-flow` | Any data processing, DB usage | Where data comes from, transforms, and lands | | `dependency-map` | Complex module graph | What depends on what, what's shared | | `external-integrations` | External APIs/services | What the system connects to and why | | `state-transitions` | Stateful features (frontend or backend) | How state changes and what triggers it | | `route-page-map` | Frontend with routing | Page structure and navigation flow | | `command-surface` | CLI tools | Command hierarchy and dispatch | | `extension-points` | Plugin/extension systems | Extension architecture and registry | | `pipeline` | ML/data pipelines | Stage topology and data flow | | `orchestration` | Event-driven/queue systems | Publisher, subscriber, broker topology | | `storage` | 2+ storage systems | Storage topology (DB, cache, queue, object store) |
Don't force perspectives that don't exist in the code.
For each selected perspective, follow this recursive process:
Element IDs match child directory names. The viewer resolves nesting from the filesystem.
omm write <perspective> diagram - <<'MERMAID'
graph LR
renderer["Renderer\nsrc/renderer/"]
renderer -->|"IPC invoke/on"| main-process["Main Process\nsrc/main/"]
main-process -->|"spawn PTY"| engine-system["Engine System\nsrc/main/engine/"]
main-process -->|"read/write JSON"| data-store["Data Store\nsrc/main/store.ts"]
main-process -->|"xterm.js"| terminal-dock["Terminal Dock\nsrc/renderer/src/panel/"]
MERMAIDEach as a separate `omm write` command: description, context, constraint, concern, todo, note.
**For every element in the diagram:**
1. **Analyze** the code it represents (Glob + Read the relevant files/directories)
2. **Write description for every node — no exceptions.** This creates the element directory. Optionally write other fields (context, constraint, concern, todo, note) if relevant — Write in the configured language.
omm write <perspective>/<element-name> description - <<'EOF' (what this element does, which files/dirs it covers) EOF
3. **Decide leaf or group:**
4. **If group** — write diagram and recurse:
omm write <perspective>/<element-name> diagram - <<'MERMAID'
graph LR
(internal elements)
MERMAIDThen repeat step 3c for each element in this diagram.
overall-architecture (perspective)
elements: renderer, main-process, engine-system, data-store, terminal-dock
→ analyze renderer (src/renderer/)
→ finds: App.tsx, components/, hooks/, stores/, world/
→ group → write diagram with: components, stores, world
→ analyze components → 15 .tsx files, no sub-structure → leaf
→ analyze stores → 4 zustand stores → leaf
→ analyze world → OfficeCanvas + PixiJS logic → leaf
→ analyze main-process (src/main/)
→ finds: ipc.ts, auth/, engine/, terminal-session-service.ts, store.ts
→ group → write diagram with: auth, engine, terminal-session
→ analyze auth → auth-service.ts, callback-server.ts → leaf
→ analyze engine → claude-code.ts, codex.ts → leaf
→ analyze data-store (src/main/store.ts)
→ single file → leaf
→ analyze terminal-dock (src/renderer/src/panel/)
→ TerminalDock.tsx, DockManager → leafReport what was created/updated and suggest `omm view` to view.
Turn complex codebases into clear, navigable architecture diagrams with Claude Code.
Repo: oh-my-mermaid/oh-my-mermaid
Push architecture docs to oh-my-mermaid cloud. Handles login, link, and push workflow with error guidance. Use when the user says "omm push", "push to cloud",…
Start the omm web viewer to explore architecture diagrams in the browser. Use when the user says "omm view", "open viewer", "show diagrams", "view…