Skip to main content

The more context you can provide Clark on where / what to build, the better. For example, to iterate on a specific feature after an initial generation, you can target or tag the relevant components so Clark knows exactly what parts of the application to focus on (e.g., sidebar, specific div, backend API). Similarly, in addition to prompting with text alone, uploading files (e.g. screenshots, CSVs) is an effective way to provide Clark with more information on the requirements at any point in a chat.

Targeting frontend elements

To focus Clark on any specific parts of the UI, select the Target icon in the chat or use keyboard shortcuts (hold on Mac or Ctrl on PC).
Enter target mode with Clark
After entering target mode, select any element on the canvas to add it to the chat context before submitting a new prompt. Targeted elements are highlighted in purple and added to the chat context. Selecting components in target mode

Tagging backend APIs

Similar to integrations, you can focus Clark on specific APIs by @mentioning them in chat. Alternatively, you can add APIs to the chat context from the visual API builder by opening the API, clicking the ellipsis icon, and selecting Edit with AI.
Tag API in chat with @
Add API to chat from API editor

Uploading files

To add more detail to your prompts, upload files like images, JSON, CSVs, and more. For example, include a screenshot or wireframe to convey layout, hierarchy, and component states.
Attach files in chat