See, run, and debug your AI agents
without leaving the editor.

Agentic Engineering Extension statically analyzes LangGraph and CrewAI codebases and renders every agent, tool, model, and control-flow path as an interactive graph. For LangGraph projects, you can also run it, replay it, edit it, and evaluate it, right inside VS Code, Cursor, Windsurf, or Antigravity.

LangGraph and CrewAI support.

Agent Map graph view showing a LangGraph project's nodes, edges, and an inspector panel with model, tools, prompt, and MCP server metadata

The problem

Agentic codebases (LangGraph graphs, CrewAI crews) spread their real architecture across many files: a graph-builder module, a folder of agent implementations, a prompts directory, a tools module. Simple questions are hard to answer without reading all of it:

  • What agents exist, and how do they connect?
  • What tools and models does each agent actually use?
  • Where does execution enter, and where can it branch?
  • What happens when it actually runs?
  • Is this change safe, or did it break something that used to pass?

Right now a developer has to manually open and cross-reference several files every time. There's no visual, up-to-date map of the system, and no fast way to run, inspect, or regression-test it from inside the editor.

What this extension does instead

It runs real static analysis on your source (no fabricated metadata) and gives you one visual, always-in-sync map of the system. For LangGraph projects, you can also run it, replay any step, edit it visually, and evaluate it against a test dataset, all backed by real code and real execution traces.

What you get

Agentic: Find Missing Error Handling command output in the VS Code Output panel, listing real nodes and file:line locations with no try/except handling

Real output from Agentic: Find Missing Error Handling. Every finding cites an actual file and line.

Framework support

LangGraph

Full support

Visualize, run, replay, visually edit, and evaluate. The complete workflow.

CrewAI

Static analysis only

Visualize crews of agents/tasks and jump to source. Editing, execution, and evaluation support are on the roadmap.

Built on a framework-agnostic normalized model: the same analysis, copilot, and test-generation code runs unmodified against both frameworks. More adapters (for example, the OpenAI Agents SDK) can be added without touching the visual layer.

Install

Available now on the Visual Studio Code Marketplace. In VS Code, open the Extensions view (Cmd/Ctrl+Shift+X), search "Agentic Engineering Extension," and click Install, or run:

code --install-extension iroy2000.agentic-engineering-extension

Also available on Open VSX for Cursor, Windsurf, Antigravity, and other VS Code-compatible editors that don't pull from the VS Code Marketplace. Search "Agentic Engineering Extension" in your editor's extensions view, or install via the ovsx CLI / your editor's Open VSX registry setting.

Requires VS Code 1.93+ (or an equivalent Cursor/Windsurf/Antigravity release).

How to use

  1. Open your agent project

    Open the root folder of a LangGraph or CrewAI project in your editor, or run Agentic: Open Sample Project from the Command Palette to try a bundled sample instantly — no separate download needed.

  2. Open the Agent Map

    Command Palette (Cmd/Ctrl+Shift+P), then Agentic: Open Agent Map. Your agents, tools, and control flow appear instantly.

  3. Inspect and navigate

    Click any node to see its model, prompt, tools, and MCP servers, then click the source link to jump straight to that line of code.

  4. Run, replay, and edit

    Use Agentic: Run Agent to execute and trace a real run, replay from any node, or add/connect nodes visually to edit the graph's real source.

  5. Evaluate and ask the Copilot

    Agentic: Run Evaluation checks your graph against a test dataset and flags regressions. The Agentic: Copilot commands answer architecture questions grounded in your real code.

Want screenshots for every step? See the full walkthrough guide.