Skip to content
cccskills
FreePublished on GitHub

code-graph

Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.

OriginalShow the original description

Query the pre-built code-review-graph knowledge graph (Tree-sitter, whole monorepo) instead of walking call chains with Grep+Read – 2-6x cheaper, and it catches dynamic dispatch that grep misses. Use for ANY task that spans multiple files, even when the user never mentions a graph or asks for it - fixing or tracing a bug ("fix this bug", "why does X happen", "trace this"), exploring unfamiliar code ("how does X work", "who calls X", "what imports Y", "where is X used or handled"), planning or doing a refactor ("rename X", "is it safe to change or remove X", "what would break", "blast radius", "find dead code"), or reviewing changes ("review this PR", "review this branch or diff"). When you are about to Grep for a symbol's callers, callees, or importers, use this skill.

See how to install

Good for

  • Explore callers and dependencies in unfamiliar code
  • Trace a bug across multiple files
  • Assess the impact of renaming or removing code
  • Review changes by risk and test coverage

Files included (1)

  • SKILL.md3.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Code graph (code-review-graph MCP)

Four modes (explore, debug, refactor, review) share the same setup and tools. Full setup, version pin, rebuild, troubleshooting: .ai/MCP.md ("code-review-graph MCP").

Bootstrap once per session

Graph MCP tools are deferred, so a direct call fails with InputValidationError. Load schemas first with one ToolSearch (comma-separate the tools the task needs):

ToolSearch query: "select:mcp__code-review-graph__query_graph_tool,mcp__code-review-graph__get_impact_radius_tool,mcp__code-review-graph__detect_changes_tool,mcp__code-review-graph__get_affected_flows_tool"

Keep the graph current

A graph built on another branch makes detect_changes report function names from unrelated files. The PostToolUse hook syncs after edits; rebuild manually after git checkout / git pull / large merges:

pipx run code-review-graph==2.3.6 status
pipx run code-review-graph==2.3.6 build

Modes

Explore

  1. list_graph_stats, then list_communities and get_community.
  2. semantic_search_nodes finds a function or class by name (keyword match).
  3. query_graph with callers_of / callees_of / importers_of / children_of.
  4. list_flows and get_flow for execution paths.

Debug

  1. semantic_search_nodes for code related to the symptom.
  2. query_graph callers_of and callees_of; the triggering entry point is usually upstream.
  3. get_flow through suspect areas; get_impact_radius on suspect files.
  4. Verify the branch, then detect_changes (recent changes are the most common cause).

Refactor

  1. get_impact_radius and get_affected_flows before touching code.
  2. refactor_tool mode rename previews every affected location; dead_code finds unreferenced code; suggest proposes community-driven splits.
  3. apply_refactor_tool with the refactor_id applies a previewed rename.
  4. detect_changes afterwards.

refactor_tool, apply_refactor_tool, and find_large_functions are not validated on this codebase: treat output as hypotheses, verify each edit against the code, and preview before applying.

Review

  1. detect_changes (risk-scored), get_affected_flows, get_impact_radius.
  2. Test coverage: grep for *.spec.js / *.unit.js (tests_for returns 0 incorrectly for many files). Suggest cases for untested changes.

Report grouped by risk (high/medium/low): what changed and why it matters, test-coverage status, suggested improvements, overall merge recommendation.

Cross-cutting rules

  • Pass detail_level: "minimal" (standard mode inflates tokens ~6x).
  • Use fully qualified names: path/to/file.ts::ClassName.methodName; bare names return "ambiguous".
  • Use list_communities + get_community in place of get_architecture_overview (~3.9M characters, overflows context).
  • Grep is cheaper than children_of for single-file structure.

Target: any graph task in 5 tool calls or fewer.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable22.1KUpdated Oct 19, 2026

Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.

  • Check a local page on an Android device
  • Open a page in Safari on an iPhone or iPad
  • Inspect behavior in a specific desktop browser
handsontable/handsontable22.1KUpdated Oct 19, 2026

Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.

  • Add a changelog entry for a bug fix
  • Classify a new feature or behavior change
  • Explain a breaking change and its replacement
handsontable/handsontable22.1KUpdated Oct 19, 2026

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable22.1KUpdated Oct 19, 2026

Build Handsontable demo pages for visual regression tests, which compare screenshots for appearance changes. It guides feature routes, URL-driven display states, sample data, and decisions about testing the same feature across framework wrappers.

  • Adding a demo route for a new feature
  • Creating multiple visual states through URL parameters
  • Planning visual coverage across framework wrappers
handsontable/handsontable22.1KUpdated Oct 19, 2026

See all skills by handsontable

Report a problem with this skill