vision-extension-development

Build Vision extensions by scaffolding overlays (layer), editor panels (editor), and interactive surfaces using the Vision CLI. Configure targets in vision.config.json to establish multi-surface experiences on OBS overlays and participant pages.

Scaffold server functions for 1up.vision extensions by defining declarative server schemas and deploying them via Vision CLI. This approach enables declarative data access and handles action processing for interactive surfaces.

Yes, Vision extensions support client hooks like useQuery and useMutation. Use these SDK hooks with Vision render to build reactive, multi-surface experiences across OBS overlays and participant pages.

Configure custom fonts for Vision extensions by setting up font configuration in vision.config.json and including local font assets. This ensures proper typography rendering across editor panels and interactive targets.

The Vision CLI workflow for deploying extensions involves running vision init to scaffold, vision dev for local development, and vision deploy to publish. This process prepares editor, layer, and interactive targets for production.

Yes, Vision extension development supports interactive surfaces specifically designed for participant pages. Scaffold these interactive targets alongside editor panels and layers to create integrated UI with server logic.