> ## Documentation Index
> Fetch the complete documentation index at: https://lunagraph.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect an agent

> Design on the canvas with Claude Code in the chat panel or another coding tool through MCP.

Work with an AI coding agent directly on the Lunagraph canvas.

### On this page

* [Video walkthrough](#video-walkthrough)
* [Use the chat panel](#use-the-chat-panel)
* [Use Lunagraph's MCP](#use-lunagraphs-mcp)

## Video walkthrough

<iframe src="https://www.youtube.com/embed/R36ZaPnMqsY?start=16&end=42" title="Design with the chat panel or MCP" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen style={{ width: "100%", aspectRatio: "16/9", borderRadius: "0.5rem" }} />

This clip is from [Part 2 of the getting started tutorial](/docs/tutorial#part-2-connect-your-codebase), starting at [0:16](https://youtu.be/R36ZaPnMqsY?t=16).

## Use the chat panel

The chat panel runs Claude Code from your terminal with your own subscription. Your installed skills and MCP connections are available in the chat, so the agent works the same way it does in your terminal.

If you haven't set it up yet, follow [Install Claude Code](/docs/install-claude-code).

## Use Lunagraph's MCP

Prefer a different coding tool? Connect it to Lunagraph's MCP instead. Your agent can design on the canvas while the Lunagraph desktop app is open. See [Connect MCP](/docs/guides/connect-mcp) for setup steps.

## Next steps

* [Connect your codebase](/docs/guides/connect-your-codebase) to give the agent context from your local files.