dtsong

Map — Development skill for Claude Code

Development community

Map a route's component tree -- trace imports, detect boundaries, cache the result.

How to install Map

Installs to ~/.claude/skills/dtsong-my-claude-setup-map/SKILL.md

Terminal
mkdir -p ~/.claude/skills/dtsong-my-claude-setup-map && curl -fsSL https://raw.githubusercontent.com/dtsong/my-claude-setup/HEAD/commands/map.md -o ~/.claude/skills/dtsong-my-claude-setup-map/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Map does

name: map description: Map a route's component tree -- trace imports, detect boundaries, cache the result

/map

Map a Next.js route to its component tree. Traces imports from the route entry point, detects server/client boundaries, captures props and hooks, and caches the result for downstream skills.

Usage

/map /dashboard
/map /settings/billing
/map --depth 5 /dashboard
/map --fresh /dashboard

Options

  • --depth N -- Trace N levels deep (default: 3)
  • --fresh --

Alternatives in Development

  • Claude API — Build apps with the Claude API or Anthropic SDK 94.1k ★
  • Outcome — /outcome - Record the Result of an Application 36.6k ★
  • Fix Imports — Fix Broken Imports 2.8k ★

Full documentation available on GitHub

View Source Repository

Related Skills

Otel Init — Development skill for Claude Code

Otel Init

First-run: scan the repo, detect service boundaries, and prime the context cache

Development community
Arch Boundaries — Development skill for Claude Code

Arch Boundaries

Install mechanically-enforced architecture boundaries that fail CI on spaghetti imports

Development community
Check Layers — Development skill for Claude Code

Check Layers

Verify that the DDD layer boundaries are intact — domain never imports impl. Reports any violations.

Development community
Govuk Component — Development skill for Claude Code

Govuk Component

[--to ] [--with-js] - Add a properly configured GOV.UK component to your project with all necessary imports an

Development community
05 Cleanup — Development skill for Claude Code

05 Cleanup

Safe dead code cleanup - detect and remove unused imports and dead files with auto-apply for Low/Medium risk

Development community
Hatch3r Codebase Map — Development skill for Claude Code

Hatch3r Codebase Map

Reverse-engineer a brownfield codebase into current-state module boundaries, integration-point inventory, tech

Development community

Related Agents

Blueprint Agent — Project Management agent for Claude Code

Blueprint Agent

Generates docs/BLUEPRINT.md — a living map of the project covering stack, architecture diagram, API inventory,

Project Management community
Test Suite Analyzer — Testing & QA agent for Claude Code

Test Suite Analyzer

Detect one package's test suites for a Stop test hook - stack, runners, suite kind, hook command with fail-fas

Testing & QA community
Architecture Guardian — Development agent for Claude Code

Architecture Guardian

Use to verify MacMagazine module boundaries and system compliance are intact after adding/moving code or editi

Development community