React skills

This skill enables type-safe async error handling with TaskEither patterns in TypeScript, enabling composable, lazy operations and robust error recovery.

This skill helps you implement type-safe TanStack Router in React apps with file-based routing and validated search params.

This skill guides practical immutability patterns in TypeScript to safely update state and reduce bugs across arrays and objects.

This skill helps you apply and customize Tailwind CSS Typography utilities to control font, text, and decoration across projects.

This skill teaches pure functions, currying, and composition to improve predictability, testability, and maintainable code in TypeScript and FP patterns.

This skill helps you implement scalable Zustand v5 state management in Next.js 16 App Router for client components.

This skill helps you design reusable component APIs and patterns such as children, slots, and render props to improve UI composition.

This skill helps you build and optimize modern full-stack web apps using Next.js, Turborepo, and RemixIcon for efficient monorepos and scalable UI.

This skill scaffolds React and Next.js components with TypeScript, CSS modules, tests, and Storybook stories to accelerate development.

This skill helps you transform arrays and objects with functional patterns, enabling safer access, grouping, and normalization for real-world data.

This skill helps you generate production-ready Remotion videos by composing React components, animations, and data-driven rendering pipelines.

This skill helps you understand and navigate Remix documentation to build robust routes, loaders, actions, and data management in your app.

This skill analyzes components and rewrites them to fetch data directly from the store, reducing prop usage and enhancing maintainability.

This skill helps you build scalable React and Next.js UI components with accessible, responsive layouts and optimized performance.

This skill helps you manage TanStack React Query with clean architecture, returning DTOs and handling queries, mutations, and cache invalidation.

This skill helps you design and execute robust QA strategies for React, Next.js, and Node.js apps with automated test suite generation and coverage analysis.

This skill scaffolds and maintains modern React web apps with Bun, Vite, Tailwind, and shadcn/ui to accelerate UI development.

This skill automates scanning and refactoring React/Vue files to replace className template strings with cn calls, including import handling and detailed

This skill splits React components into reusable subcomponents by leveraging store-first data access, removing gratuitous prop drilling, and generating

This skill guides creating interactive d3.js visualisations for custom charts, transitions, and complex SVGs across frameworks.

This skill generates standardized front-end pages based on Anatomy guidelines, prompting mode selection (unsupervised or supervised) and assembling Wrapper,