React skills

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

This skill helps you implement Google Material Design principles to create accessible, delightful interfaces across platforms with consistent elevation,

This skill converts a completed study guide markdown into an interactive, scroll-driven web app with editorial typography, narrated sections, and progressive

This skill helps you compose TypeScript functions into readable pipelines using pipe and flow for clear, maintainable data transformations.

This skill provides quick TaskEither patterns for async error handling, API calls, and Promise-based workflows using fp-ts.

This skill orchestrates Analyze → Plan → Execute → eLicit → eXamine to streamline features, fixes, and refactors with automated safety checks.

This skill installs and configures Flowglad SDK for Next.js, Express, and React apps, guiding framework detection, env setup, and provider integration.

This skill helps you build robust async pipelines with TaskEither, replacing try/catch chaos and improving error handling across APIs.

This skill enables React apps to implement i18n with react-i18next using TypeScript Selector API and Suspense integration for scalable translations.

This skill helps you migrate imperative TypeScript code to fp-ts patterns, enabling explicit errors, safe optional handling, and functional composition.

This skill helps you apply functional programming patterns in React apps using fp-ts, improving state, forms, and data fetching.

This skill guides you in building a cohesive theming system by organizing primitives, semantic, and component tokens for scalable design.

This skill helps you master function composition in fp-ts using pipe and flow to build elegant, type-safe data pipelines.

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

This skill helps you implement multi-style components using CVA variants (glass, outline, flat) with dark mode and hover states.

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

This skill audits React code for unnecessary useEffect patterns, flags anti-patterns, and suggests fixes with severity levels.

This skill helps you build accessible, themeable React UI with shadcn/ui and TanStack Form, accelerating component, form, and dialog development.

This skill helps you implement robust error handling with fp-ts by returning errors as values and chaining safely.

This skill helps manage global React state with Zustand v5, enabling persistent, typed stores and streamlined component access.

This skill helps you handle typed errors and validation with Either in TypeScript, enabling safe, composable error handling patterns.