> ## 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 your codebase

> Give the chat access to a local folder so it can read from and write to your code and the canvas.

Give your agent the context it needs by connecting a local folder.

### On this page

* [Video walkthrough](#video-walkthrough)
* [Add a local folder](#add-a-local-folder)

## Video walkthrough

<iframe src="https://www.youtube.com/embed/R36ZaPnMqsY?start=42&end=67" title="Give an agent access to your local codebase" 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:42](https://youtu.be/R36ZaPnMqsY?t=42).

## Add a local folder

Add a local folder to the chat to give the agent access to your codebase. The agent can then read from and write to both your codebase and the canvas.

This lets you ask the agent to design with the components and styles your product already uses, or bring existing UI onto the canvas.

## Next steps

* [Import your design system](/docs/guides/import-design-system) to use your tokens, icons, and components from the Assets panel.
* [Bring in your codebase](/docs/guides/bring-in-your-codebase) to choose between connecting the entire codebase and importing the design system only.