What problem does it solve? Rendering agent-described UI in a React app requires wiring a message stream into component state, and hand-written renderers often fail to match the A2UI schema. This Skill layers a working A2UI host onto an existing scaffold-react-vite project so agent-generated interfaces render under pnpm dev without a second process. ## Core Features & Use Cases - A2UI Host Layering: Emits a zustand surface store, a useSurface hook, and an a2ui-surface component that renders via the upstream @a2ui/react renderer. - Pinned Dependencies: Installs exact versions of @a2ui/react@0.10.2 and @a2ui/web_core@0.10.6, both required for the MessageProcessor import under pnpm isolation. - Development Mock Source: Ships a canned message sequence so the app runs without an agent; any AsyncIterable transport (WebSocket, SSE, fetch) substitutes directly for production. - Use Case: After scaffolding a Vite/React app, run the script with --target pointing at the project to get a feature folder that renders A2UI v1.0 messages (createSurface, updateComponents, updateDataModel) immediately in dev mode. ## Quick Start Run the scaffold-react-vite-a2ui script with --target pointing at my existing scaffold-react-vite project to add an A2UI rendering host.
