Help us improve
Share bugs, ideas, or general feedback.
From navgator
Generate visual diagrams and export architecture documentation using NavGator MCP tools.
npx claudepluginhub tyroneross/navgator --plugin gatorHow this skill is triggered — by the user, by Claude, or both
Slash command
/navgator:architecture-exportThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate visual diagrams and export architecture documentation using NavGator MCP tools.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Explores codebases via GitNexus: discover repos, query execution flows, trace processes, inspect symbol callers/callees, and review architecture.
Share bugs, ideas, or general feedback.
Generate visual diagrams and export architecture documentation using NavGator MCP tools.
Use the navgator diagram MCP tool to generate Mermaid diagrams.
Modes:
summary: Top connected components only (default)focus: Center on a specific component — pass focus: "<component-name>"layer: Show only a specific layer — pass focus: "<layer-name>" (frontend, backend, database, queue, infra, external)Returns Mermaid markdown that can be rendered in any Mermaid-compatible viewer.
focus for complex projects with many nodesFor structured export, use the navgator summary MCP tool to get an executive summary of the architecture.
For full export to files, use CLI commands (these are npm operations, not MCP):
# Markdown export
npx @tyroneross/navgator export md ARCHITECTURE.md
# JSON export
npx @tyroneross/navgator export json architecture.json
# With options
npx @tyroneross/navgator export md ARCHITECTURE.md --components-only
npx @tyroneross/navgator export json architecture.json --graph
| User Intent | Tool | Notes |
|---|---|---|
| "Show architecture diagram" | navgator diagram | Summary mode |
| "Diagram of X component" | navgator diagram (focus) | Component-focused |
| "Show backend layer" | navgator diagram (layer) | Layer-filtered |
| "Export architecture docs" | CLI: npx navgator export md | File output |
| "Architecture summary" | navgator summary | Executive summary |
navgator — architecture tracker