What problem does it solve? Wiring a live agent event stream into a React frontend requires manually building a store, hooks, UI components, and a streaming endpoint. This Skill layers a complete AG-UI protocol agent host onto an existing scaffolded Vite/React project so the app streams agent responses under pnpm dev with no second process. ## Core Features & Use Cases - AG-UI Event Stream Integration: Generates a zustand store that consumes the AG-UI event stream, a use-agent hook, and an agent-panel component that renders streamed messages. - Dev-Server SSE Endpoint: Adds a Vite plugin exposing a mock agent over Server-Sent Events, so streaming works during development without a separate backend process. - Architecture Enforcement: Follows a layered state architecture where stores own all I/O, hooks read stores, and components read hooks, with exact pinning of @ag-ui/client and @ag-ui/encoder at 0.0.59. - Use Case: You have a scaffolded Vite/React app and want a working chat-style agent panel streaming protocol events during development; run the script against the project and get the full store, hook, panel, and mock endpoint wired into the Vite config. ## Quick Start Run the scaffold-react-vite-agui script with --target pointing at my existing scaffold-react-vite project to add the AG-UI agent host.
