From navgator
Use when user asks to install navgator, update navgator, set up navgator, launch the dashboard, or run navgator ui maintenance.
How this skill is triggered — by the user, by Claude, or both
Slash command
/navgator:navgator-setupThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Install the plugin, update to latest version, or launch the web dashboard. These operations use CLI commands (npm/shell operations that aren't MCP tools).
Install the plugin, update to latest version, or launch the web dashboard. These operations use CLI commands (npm/shell operations that aren't MCP tools).
Install NavGator explicitly for Claude Code or Codex.
npm ls -g @tyroneross/navgator 2>/dev/null | head -3
npm install -g @tyroneross/navgator
Global (all projects):
mkdir -p ~/.claude/plugins
ln -sfn "$(npm root -g)/@tyroneross/navgator" ~/.claude/plugins/navgator
Project only:
mkdir -p .claude/plugins
ln -sfn "$(npm root -g)/@tyroneross/navgator" .claude/plugins/navgator
Verify: Check that plugin.json is accessible at the symlink target.
Restart Claude Code for changes to take effect.
Use the Codex installer from the repo root:
# user-wide install
bash scripts/install-codex-plugin.sh --user
# repo-local workspace metadata only
bash scripts/install-codex-plugin.sh --workspace
Codex uses:
.codex-plugin/plugin.json.agents/plugins/marketplace.jsonnpx @tyroneross/navgator --version
npm view @tyroneross/navgator version
npm install -g @tyroneross/navgator@latest
NPX_CACHE_DIR=$(npm config get cache)/_npx
find "$NPX_CACHE_DIR" -path "*/@tyroneross/navgator" -type d 2>/dev/null | head -1 | xargs -I{} dirname "$(dirname "{}")" | xargs rm -rf 2>/dev/null || true
npx @tyroneross/navgator@latest --version
Launch the visual architecture explorer:
npx @tyroneross/navgator ui --port 3002
Dashboard at http://localhost:3002 shows:
# Global
rm -f ~/.claude/plugins/navgator
# Project
rm -f .claude/plugins/navgator
navgator — architecture tracker
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.
npx claudepluginhub tyroneross/navgator --plugin gator