What problem does it solve? Building a frontend on the Nodefony framework requires coordinating several moving parts: the isomorphic nodefony package shared between browser and server, the shared realtime WebSocket client, the Vite-based builder with HMR, and the BFF data plane. This Skill gives an AI agent the exact APIs, rules, and verification gates to write correct Nodefony frontend code without reading the framework source. ## Core Features & Use Cases - Isomorphic boundary enforcement: Teaches how to consume nodefony client-side via customConditions: ["browser"] and subpaths (nodefony/client, nodefony/react, nodefony/roles) without ever importing server code into the browser bundle. - Realtime client patterns: Covers RealtimeClient singleton usage, ref-counted channel subscriptions, and the React/Vue/Angular/Svelte bindings, including identity renegotiation on account change. - Vite builder and HMR: Documents @nodefony/frontend entry registration, multi-bundle isolation families, apiProxyPaths, production manifests, and how to verify a frontend change without a browser via the Vite transform endpoint. - BFF data plane and RBAC: Explains ApiClient absolute/relative methods, useResource race-safe loading, HttpOnly cookie sessions, and cosmetic frontend role gating with nodefony/roles. - Use Case: An agent asked to add a live-updating admin page to a Nodefony module uses this Skill to register the Vite entry, subscribe to a realtime channel with proper ref-counting, fetch initial data through the data plane, and pass the typecheck and transform gates before reporting done. ## Quick Start Use the nodefony-frontend-dev skill to add a React frontend entry to my Nodefony module and wire it to the realtime channel and data plane API.
