Context

The Vibe Panel is aware of your entire website — every page, every element, every style. However, for quality purposes, it edits one page at a time.

One Page at a Time

When you have the Vibe Panel open, the AI focuses on the page you're currently viewing. If you're on the home page, your prompts should be about the home page. If you want to edit a different page, navigate to it first, then use the Vibe Panel there.

The same applies to components. If you want to add variants, change styles, or set up connections on a component, go inside the component's editing page first, then open the Vibe Panel and make your requests there.

Cross-Page Awareness

Even though the AI edits one page at a time, it has full awareness of your entire website. It knows the structure, styles, and content of every other page. This means you can reference elements from other pages in your prompts:

"Make the background of this section the same as the hero section on the home page"

"Use the same color scheme as the pricing page"

"Add an ambient glow effect like the one on the home page hero"

The AI will read the referenced page, understand the styles, and apply them to your current page.