vani-async-client-only

What problem does it solve?

This Skill helps developers manage and render async UI components while safely isolating execution on the client, enabling smooth hydration and improved performance.

Core Features & Use Cases

• Async components with deterministic render: define components that resolve to a render function and provide predictable SSR/CSR behavior.
• Fallbacks for loading states: supply a user-friendly loading state during async work.
• Client-only islands: render specific UI only on the client by opting into clientOnly behavior, reducing SSR load.
• Use Case: You have a heavy analytics widget that should only run in the browser; use this Skill to load it asynchronously and mount after hydration.

Quick Start

Initialize an async component pattern with a fallback and clientOnly: true, then integrate into a page to render on the client after the SSR pass.