Open Source · Local · Zero Config

Remember holding your whole codebase in your head?

Vibe coding made building fast — but your codebase grew faster than your understanding. Cartograph maps it all out so you can understand the whole picture again.

What is Cartograph?

An agent skill you run locally in Claude Code or Codex.

It analyzes your codebase across seven dimensions and produces a cartograph.json with all findings.

Open the JSON in the local visualizer.html to explore all seven dimensions.

Your Code
01

File Tree Map

Per-file feature attribution — what each file is really for

02

Data Model

Entities, relationships, and operations — your domain layer mapped out

03

Code Organization

Logical groupings that bridge product concepts to code

04

Code Health

Co-location, DRYness, dead code — scores and prompts to fix

Your Product
05

Surfaces

Pages, routes — the navigable shape of your app

06

Features

Standalone capabilities embedded across surfaces

07

Flows

User journeys traced step-by-step through code

Every dimension comes with copy-pasteable prompts. Paste them into your AI coding agent to fix issues or build features — all the context is already there, no need to explain your codebase from scratch.

Why Cartograph

Cartograph gives you back the understanding that vibe coding took away — and makes your tools smarter in the process.

01

Code Health

  • Highlights problems in red — gives you prompts to fix them
  • Co-location, DRYness, and dead code analysis with scores
  • Framework best practices for Next.js, React, and more
02

Deep Understanding

  • Seven dimensions make your codebase second nature again
  • See how entities connect and how data flows through the app
  • Know what each file is really for
03

Sharper Agents

  • Better codebase context means better agent output
  • Copy-paste structured context into any AI coding agent
  • Catch issues vibe coding introduced before they compound

Get started

Run it from your machine, inspect the generated JSON locally, and get an interactive visualizer in seconds.

1. Install

Add or update the skill

$ npx skills add NoodleFlowLabs/cartograph --skill cartograph
Copied!
2. Run

In Claude Code or Codex

$ /cartograph
Copied!
3. Explore

Open the bundled visualizer (assets/visualizer.html), or use the hosted copy

$ open https://cartograph.noodleflow.ai/visualizer
Copied!

Drag-drop cartograph.json into the visualizer and explore