Technical setup (overview)

The component inspector

The inspector is an optional library you install in your frontend app. It enables one feature inside the prototype:

Select - point at any component in the live prototype to scope a chat prompt to it.

The inspector has integration guides for React (including Next.js), Vue 3 (including Nuxt), and Angular. It also has a Storybook integration for teams that want to debug components from a Storybook manager URL.

The inspector runs only during prototyping. It's never present in production builds.

For the integration guides, framework-specific bootstrap timing, and troubleshooting, see:

Inspector Overview - when and why to use it
React / Vue / Angular integration guides
Next.js and Vite entrypoint timing
Storybook integration
Inspector troubleshooting

What if my framework isn't on this list? Prototyping can still run if your itera.yml starts the app, but Select is unavailable without an inspector integration.