Connect FastAPI WebSocket backends to Svelte or React frontends for live-updating interfaces.
npx skills add https://github.com/stanz-stanz/heimdall --skill fullstack-guy
Please help me install this Agent Skill. Skill: fullstack-guy Source: https://github.com/stanz-stanz/heimdall/tree/main/.claude/agents/fullstack-guy Command: npx skills add https://github.com/stanz-stanz/heimdall --skill fullstack-guy
Adds reliable realtime WebSocket capabilities to Python backends and connects them to lightweight Svelte or React frontends so teams can deliver live dashboards, chats, and streaming UIs without rearchitecting their app.
Add a WebSocket endpoint to your FastAPI app at /ws/live, implement a ConnectionManager with connect/disconnect/broadcast, and connect a Svelte or React client using the provided WebSocket store or hook to receive JSON messages.
High-intent search queries and answers about installing and using this skill.
To add a WebSocket endpoint to a FastAPI backend, implement a ConnectionManager to handle connect, disconnect, and broadcast logic, then expose the endpoint at a path like /ws/live to push JSON messages to connected clients.
Connect Svelte or React frontends to a FastAPI WebSocket using provided frontend hooks or stores to receive live JSON messages, enabling animated UI updates like counters or FLIP animations for real-time data streams.
WebSocket reconnection and heartbeat patterns in real-time apps include exponential backoff strategies, heartbeat and ping handling, and snapshot plus delta protocols to ensure continuous, reliable live updates across frontend and backend.
Yes, Pydantic validation and authentication on connect are supported for FastAPI WebSocket connections, providing message schema enforcement and secure connection management alongside rate limiting and TLS best practices.
The best way to build a live-updating dashboard with FastAPI and React is using background push loops via WebSocket, combined with frontend hooks for high-frequency updates and animated entry transitions to visualize streaming data.
Manage WebSocket connection lifecycle and cleanup in FastAPI using a ConnectionManager pattern that safely handles client accept, broadcast, and disconnect operations, including health-check protocols for stable real-time client management.
yuheitomiConfigure Biome and Shadcn/UI preferences in React projects with pnpm.
dadbodgeoffManage WebSocket connections with limits, user mapping, and health checks.
PlaneInABottleTest WebSocket endpoints for connectivity, message framing, and lifecycle events.
tdcareImplement WebSocket and Server-Sent Events in Salvo-based Rust services.
