Skills tagged “react”

Practical patterns for using fp-ts with React for type-safe state management, form validation, data fetching, and handling async states.

Scaffold production-ready React/React Native components with TypeScript, tests, styles, and documentation for accessible and performant UIs.

Expert in building React and Next.js UI components, optimizing performance, ensuring accessibility, and implementing modern frontend architectures.

Opinionated frontend development standards for scalable React + TypeScript applications using Suspense-first data fetching and feature-based architecture.

Analyze frontend code for XSS vulnerabilities, providing detailed reports, fix recommendations, and prevention checklists for React, Vue, Angular, and vanilla JavaScript.

A comprehensive guide to modern frontend development patterns for building maintainable and performant React and Next.js applications.

Build dark-themed React applications with Tailwind CSS, glassmorphism, and Framer Motion for dashboards and data-rich interfaces.

Guide for internationalization (i18n) and localization (l10n) best practices, covering detection of hardcoded strings, translation management, and RTL support.

Comprehensive skill for designing scalable, maintainable systems using modern technologies and best practices for senior architects.

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on t...

Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or optimize ReactFlow ...

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native proj...

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

Best practices for Remotion - Video creation in React