React skills

This skill helps you test Vue data-client composables and components with suspense, fixtures, and mocks to ensure reactive state updates.

This skill helps new developers initialize the Reactive Data Client monorepo by installing prerequisites, installing dependencies, building, testing, and

This skill assists testing React data-client hooks and components with renderDataHook, fixtures, and nock HTTP mocks for reliable unit and integration tests.

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

This skill helps you model, fetch, and normalize REST resources with type safety and automatic cache management using @data-client/rest.

This skill helps you fetch, cache, and stream API data with suspenseful and live updates using Data Client React hooks for React apps.

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

This skill helps you generate and maintain comprehensive API documentation across core, rest, and graphql packages, improving discoverability and consistency.

This skill configures @data-client/rest for REST APIs, offering a project-specific BaseEndpoint class with urlPrefix, auth, and error handling.

This skill helps you manage global side effects with @data-client Managers, coordinating websockets, SSE, polling, and middleware for a reactive app.

This skill helps you manage subscription lifecycles by handling upgrades, downgrades, cancellations, and reactivations with correct billing behavior.

This skill helps you build pricing UIs with Flowglad by loading, formatting, and highlighting plans and current subscriptions.

This skill helps you implement checkout sessions for Flowglad subscriptions and products, including upgrade buttons, redirects, and pricing display.

This skill helps you implement usage-based billing with Flowglad by recording usage events, checking balances, and displaying usage information.

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

This skill helps you enforce premium feature access with Flowglad, gating features and paywalls based on user subscriptions.

This skill helps you author React Native Storybook stories in CSF, wiring args, argTypes, decorators and portable stories for testing.

This skill helps you add and configure Storybook for React Native across Expo, React Native CLI, and Re.Pack projects, boosting component-driven development.

This skill helps you optimize React Native apps by applying proven performance guidelines for FPS, TTI, bundle size, and memory management.

This skill helps you build polished chat UIs in React/Next.js by providing reusable blocks for messages, input, and typing indicators.

This skill renders declarative UI widgets from JSON for React/Next.js, enabling dynamic forms, cards, and interactive layouts from agent responses.