[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-75007":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":12,"openIssues":12,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":14,"stars7d":15,"stars30d":16,"stars90d":13,"forks30d":13,"starsTrendScore":17,"compositeScore":18,"rankGlobal":8,"rankLanguage":8,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":8,"pushedAt":8,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":13,"starSnapshotCount":13,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},75007,"oh-my-mermaid","oh-my-mermaid\u002Foh-my-mermaid","Turn complex codebases into clear, navigable architecture diagrams with Claude Code.",null,"TypeScript",1275,114,6,0,9,19,98,27,19.18,"MIT License",false,"main",true,[24,25,26,27,28,29,30,31,32,33],"ai","architecture","claude-code","claude-code-skill","cli","codebase-visualization","developer-tools","diagrams","documentation","mermaid","2026-06-12 02:03:31","[English](.\u002FREADME.md) | [Türkçe](.\u002FREADME.tr.md) | [한국어](.\u002FREADME.ko.md) | [日本語](.\u002FREADME.ja.md) | [中文](.\u002FREADME.zh.md)\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fdocs\u002Flogo.jpg\" alt=\"omm logo\" width=\"80\"\u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Oh-my-mermaid\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Foh-my-mermaid\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Foh-my-mermaid\" alt=\"npm version\"\u002F>\u003C\u002Fa>\n  \u003Ca href=\".\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-yellow.svg\" alt=\"License: MIT\"\u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  AI writes code in seconds. Humans understand it in hours.\u003Cbr\u002F>\n  But skip understanding, the codebase becomes a black box — even to you.\u003Cbr\u002F>\u003Cbr\u002F>\n  \u003Cstrong>omm closes the gap — architecture docs, generated by AI, for humans.\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n---\n\n## Quick Start\n\nPaste this in your terminal:\n\n```bash\nnpm install -g oh-my-mermaid && omm setup\n```\n\nThen open your AI coding tool and use the `\u002Fomm-scan` skill:\n\n```\n\u002Fomm-scan\n```\n\nThat's it. View the result:\n\n```bash\nomm view\n```\n\n## Example\n\n> omm scanned itself. This is what it found.\n\n\u003Ctable>\u003Ctr>\n\u003Ctd width=\"50%\">\u003Cimg src=\".\u002Fdocs\u002Fscreenshot.png\" alt=\"omm viewer\"\u002F>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Cimg src=\".\u002Fdocs\u002Fdemo.gif\" alt=\"omm scan demo\"\u002F>\u003C\u002Ftd>\n\u003C\u002Ftr>\u003C\u002Ftable>\n\n## How It Works\n\nYour 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.\n\nEvery node gets **recursively analyzed**. Complex nodes become nested child elements with their own diagrams. Simple ones stay as leaves. The filesystem reflects the tree:\n\n```\n.omm\u002F\n├── overall-architecture\u002F           ← perspective\n│   ├── description.md\n│   ├── diagram.mmd\n│   ├── context.md\n│   ├── main-process\u002F               ← nested element\n│   │   ├── description.md\n│   │   ├── diagram.mmd\n│   │   └── auth-service\u002F           ← deeper nesting\n│   │       └── ...\n│   └── renderer\u002F\n│       └── ...\n├── data-flow\u002F\n└── external-integrations\u002F\n```\n\nThe viewer auto-detects nesting from the filesystem — elements with children render as expandable groups, others as nodes.\n\nEach element carries up to 7 fields: `description`, `diagram`, `context`, `constraint`, `concern`, `todo`, `note`.\n\n## CLI\n\n```bash\nomm setup                          # Register skills with your AI tools\nomm view                           # Open interactive viewer\nomm config language ko             # Set content language\nomm update                         # Update to latest version\n```\n\nRun `omm help` for the full command list.\n\n## Skills\n\nSkills are commands you run **inside your AI coding tool** (not the terminal). They start with `\u002F`.\n\n| Skill | What it does |\n| --- | --- |\n| `\u002Fomm-scan` | Analyze codebase → generate architecture docs |\n| `\u002Fomm-push` | Login + link + push to cloud in one step |\n\n## Cloud\n\nYou can store your architecture in the cloud via [ohmymermaid.com](https:\u002F\u002Fohmymermaid.com).\n\n```bash\nomm login && omm link && omm push\n```\n\nIt's private by default. Share with your team, or make it public like [this example](https:\u002F\u002Fohmymermaid.com\u002Fshare\u002Fc47e20a7063c231760361ed9cb9ec4b6).\n\n## Supported AI Tools\n\n| Platform | Setup |\n| --- | --- |\n| Claude Code | `omm setup claude` |\n| Codex | `omm setup codex` |\n| Cursor | `omm setup cursor` |\n| OpenClaw | `omm setup openclaw` |\n| Antigravity | `omm setup antigravity` |\n\nRun `omm setup` to auto-detect and configure all installed tools.\n\n## Roadmap\n\nSee [docs\u002FROADMAP.md](.\u002Fdocs\u002FROADMAP.md).\n\n## Development & Contributing\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Foh-my-mermaid\u002Foh-my-mermaid.git\ncd oh-my-mermaid\nnpm install && npm run build\nnpm test\n```\n\nIssues and PRs welcome. Use [Conventional Commits](https:\u002F\u002Fwww.conventionalcommits.org\u002F).\n\n## License\n\n[MIT](.\u002FLICENSE)\n","Oh-my-mermaid 是一个利用 Claude Code 将复杂的代码库转换为清晰、可导航的架构图的工具。其核心功能包括通过 AI 分析代码库并生成多个视角下的 Mermaid 图表和文档，每个节点递归分析以展示详细的结构和数据流。此外，该工具还支持多语言配置、云端存储及命令行操作等特性。适用于需要快速理解和维护大型或复杂项目的开发团队，帮助开发者更好地掌握项目整体架构与细节。",2,"2026-06-11 03:51:54","high_star"]