Adding Context

The Debug Agent is designed to understand your app and select the most relevant files automatically. Adding context is an optional but powerful way to be more deliberate by pointing the AI to exactly the files, API endpoints, or plugin functions you have in mind when you already know what you need.

There are three types of context you can add, each with a quick keyboard shortcut and a point-and-click alternative:

1) Referencing Files — /

Use / to point the Debug Agent to a specific file in your project. This is useful when you want to be precise about which page or script should be edited.

How to use

Type / in the prompt box. A file list appears, then start typing to filter and select the file you want to reference.

Prefer clicking? Right-click any file in the project directory and select Refer this file. It gets added to your prompt automatically.

2) Referencing API Endpoints — #

Use # to reference a specific API endpoint from your External API integrations. This is helpful when you want the AI to use a particular endpoint for a feature you're building.

How to use

Type # in the prompt box. A list of your registered API endpoints appears and select the one you need.

Click the External API icon in the debug agent toolbar. Click Reference next to individual endpoints, or use Reference all if you want to include everything.

3) Referencing Plugins — @

Use @ to reference a specific plugin function. This is useful when you want to call a particular function from a plugin already added to your project.

How to use

Type @ in the prompt box. A list of available plugin functions appears then select the one you want the AI to use.

Click the Plugin icon at the top right of the preview panel. Click Reference on individual functions, or Reference all to include everything in one go.

Putting it all together

You can combine all three in a single prompt when you want to be specific about the file, endpoint, and plugin function involved.