More screenshots
Works with the AI tools you already use
🕸️ Codebase Graph
Map any repo into an interactive D3 dependency graph plus a Markdown onboarding guide: entry points, module relationships, circular dependencies, and dead-code candidates, with refactor suggestions. Parses TypeScript, Python, Java, Go, and Rust imports, exports, and calls. Self-contained HTML, no source changes.
$25
· or 125 creditsSecure checkout via Stripe
About this skill
What it does
The Codebase Graph skill transforms complex, unfamiliar repositories into interactive visual maps and structured onboarding guides. It parses your project's directory structure, imports, and configuration files to build a comprehensive dependency model. Unlike manual inspection, it automatically identifies how data flows through your application, pinpointing where execution starts and where bottlenecks or technical debt reside.
Why use this skill
Onboarding a new developer or planning a major refactor can take days of manual code tracing. This skill automates that process by providing a high-fidelity graph that reveals hidden relationships between modules. It goes beyond simple file-tree views by detecting circular dependencies, identifying likely dead code, and ranking modules by their "centrality" to the architecture. It's an essential tool for developers who need to understand a large codebase quickly without getting lost in the weeds.
Supported tools
- Languages: Multi-language support including TypeScript, JavaScript, and Python.
- Parsing: Uses AST-based analysis and framework-native metadata (like package.json) for high accuracy.
- Visualization: Generates a standalone, interactive D3.js force-directed graph.
- Reports: Produces detailed Markdown summaries including entry points and refactor suggestions.
Details
How to install
Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.
Security Scanned
Passed automated security review
Permissions
Allowed Hosts
File Scopes
Codebase Graph needs terminal access to run language parsers (esprima for JavaScript/TypeScript, tree-sitter for Python/Go/Java/Rust). These are read-only parsers that extract structural information from source files. File read access allows the skill to scan directories and read source code to analyze imports, exports, class inheritance, and function call dependencies. Only reads files with supported extensions; ignores binary files and node_modules. File write access creates HTML visualization files and markdown summaries in a `./code-graph/` directory. All output files are safe to gitignore. The skill never modifies source code. No browser, network, or environment variable access is required. The generated HTML graph is self-contained and runs locally.
Creator
JustHandled Labs builds focused agent skills for the work nobody wants to do by hand. Each one is a single repeatable job done well: catching the security and data mistakes that quietly ship, keeping docs and tests honest, gating the commands an agent is about to run, sharpening writing, and handling the founder chores around launches, outreach, and brand setup. Not generic AI productivity. Specific workflows that are easy to run, review, and repeat. Maintained by H.J. Westerfield, with a background in communications, editing, project coordination, customer support, and practical AI systems. Tools for people who want useful automation without theatrical complexity.
Frequently Asked Questions
More Premium Skills
api-designer
Professional API design and review skill for REST, GraphQL, and event-driven architectures.
Business Strategist
A framework-driven consultant for business diagnosis, market mapping, and pricing strategy.
designing-hybrid-context-layers
Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.
Cinematic Landing Page Builder
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.