Skip to main content
Type @ anywhere in the chat bar to reference something in your project. The agent uses what you reference as context — useful for remixing an existing design, reusing a component, or pointing the agent at a snippet or design doc.
  1. Type @ in the chat bar
  2. Pick a page, component, snippet, or doc from the menu — keep typing to filter
  3. The reference appears as a chip in your prompt. Add as many as you need
  4. Type the rest of your prompt and press Enter
The agent pulls in each reference and grounds its response in those designs. Hover over a page, component, or snippet chip to preview what it references without leaving the chat.
The page you’re working on is always included as context automatically. Use @ to bring in other pages, components, snippets, or docs.
Last modified on September 24, 2026