{"query":"React","count":19,"timings_ms":{"embed":139,"vector":116,"total":255},"embed_cached":true,"results":[{"slug":"iliaal/react-frontend","score":0.4975,"name":"react-frontend","category":"Web & Frontend","quality_tier":"listed","quality_score":81,"repo_stars":22,"repo_full_name":"iliaal/whetstone","description":"React, TypeScript, and Next.js patterns for frontend development. Use when building React components, managing state, fetching data, optimizing performance, or working with Next.js App Router. Covers React 18-19, hooks, Server Components, and type-safe patterns.","entity_type":"skill","detail_url":"/skills/iliaal/react-frontend/"},{"slug":"Cst2989/react-tips","score":0.4975,"name":"react-tips","category":"Web & Frontend","quality_tier":"solid","quality_score":63,"repo_stars":27,"repo_full_name":"Cst2989/react-tips-skill","description":"Claude Code plugin: 10 high-impact React patterns and anti-patterns","entity_type":"plugin","detail_url":"/skills/Cst2989/react-tips/"},{"slug":"AppAndFlow/react-native-ease","score":0.4915,"name":"react-native-ease","category":"Web & Frontend","quality_tier":"featured","quality_score":78,"repo_stars":948,"repo_full_name":"AppAndFlow/react-native-ease","description":"🍃 Lightweight declarative animations powered by platform APIs","entity_type":"plugin","detail_url":"/skills/AppAndFlow/react-native-ease/"},{"slug":"parkerhancock/browser-canvas","score":0.4722,"name":"browser-canvas","category":"Web & Frontend","quality_tier":"listed","quality_score":33,"repo_stars":9,"repo_full_name":"parkerhancock/browser-canvas","description":"A Claude Code skill for rendering React UIs in a browser window with hot-reload","entity_type":"plugin","detail_url":"/skills/parkerhancock/browser-canvas/"},{"slug":"IuliaIvanaPatras/react-nextjs","score":0.4719,"name":"react-nextjs","category":"Web & Frontend","quality_tier":"listed","quality_score":64,"repo_stars":1,"repo_full_name":"IuliaIvanaPatras/claude-code-templates","description":"React 19.2 + Next.js 16 development - Server Components, Cache Components, proxy.ts, View Transitions, App Router, TypeScript 6, and Tailwind CSS v4. Use when building frontend apps, creating components, or asking \"how do I set up X?\"","entity_type":"skill","detail_url":"/skills/IuliaIvanaPatras/react-nextjs/"},{"slug":"jaballer/react-modern-react","score":0.4711,"name":"react-modern-react","category":"Web & Frontend","quality_tier":"listed","quality_score":72,"repo_stars":null,"repo_full_name":"jaballer/react-claude-skills","description":"React 19 features and patterns for both vanilla React (Vite, Astro, plain) and Next.js App Router — useActionState, useFormStatus, useOptimistic, useTransition, useDeferredValue, the React Compiler, Suspense + use() for promises, Error Boundaries. Vanilla React 19 features work in any project; Next-specific patterns (Server Components, Server Actions, App Router conventions, metadata API) are clearly separated. Use when working in any React 19+ project to apply current patterns over older ones. ","entity_type":"skill","detail_url":"/skills/jaballer/react-modern-react/"},{"slug":"iliaal/ia-react-frontend","score":0.4691,"name":"ia-react-frontend","category":"Web & Frontend","quality_tier":"listed","quality_score":84,"repo_stars":22,"repo_full_name":"iliaal/whetstone","description":"React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Testing Library, or reviewing React code. For visual design and aesthetic direction, use frontend-design instead.","entity_type":"skill","detail_url":"/skills/iliaal/ia-react-frontend/"},{"slug":"FortiumPartners/react","score":0.4676,"name":"react","category":"Web & Frontend","quality_tier":"listed","quality_score":74,"repo_stars":10,"repo_full_name":"FortiumPartners/ensemble","description":"This skill is loaded by `frontend-developer` when:","entity_type":"skill","detail_url":"/skills/FortiumPartners/react/"},{"slug":"ndisisnd/react","score":0.4657,"name":"react","category":"Web & Frontend","quality_tier":"solid","quality_score":78,"repo_stars":2,"repo_full_name":"ndisisnd/cook","description":"Write correct, idiomatic React with TypeScript. Use when building or reviewing React components, hooks, or JSX — covers hook rules, component structure, TypeScript prop typing, and boundary safety.","entity_type":"skill","detail_url":"/skills/ndisisnd/react/"},{"slug":"anantbhandarkar/mir-frontend-react","score":0.4623,"name":"mir-frontend-react","category":"Web & Frontend","quality_tier":"listed","quality_score":83,"repo_stars":12,"repo_full_name":"anantbhandarkar/make-it-right","description":"Make It Right (React reactivity tier). React 19 + React Compiler reactivity footguns shared across EVERY React meta-framework (Next.js, React Router 7/Remix, TanStack Start, Vite SPA) — distinct from the generic frontend gates and from any one framework's mechanics. Covers: the Rules of Hooks, effect-dependency discipline (derive in render, effects are for external sync only), stale closures, list-key correctness, controlled vs uncontrolled inputs, granular Suspense + Error Boundary placement, u","entity_type":"skill","detail_url":"/skills/anantbhandarkar/mir-frontend-react/"},{"slug":"gaia-react/react-code","score":0.4607,"name":"react-code","category":"Web & Frontend","quality_tier":"listed","quality_score":74,"repo_stars":20,"repo_full_name":"gaia-react/gaia","description":"Patterns and conventions for writing and editing React code, including components and hooks. Use this skill whenever writing or reviewing React components, hooks (useEffect, useCallback, useState), event handlers, or component extraction decisions. Also trigger when debugging stale closures, infinite re-renders, or unnecessary re-renders caused by memoization issues, or when deciding whether to add a dependency, reach for a web-platform API (Intl, URL, crypto.randomUUID), or hand-roll a primitiv","entity_type":"skill","detail_url":"/skills/gaia-react/react-code/"},{"slug":"aiskillstore/react-19","score":0.4594,"name":"react-19","category":"Web & Frontend","quality_tier":"listed","quality_score":79,"repo_stars":346,"repo_full_name":"aiskillstore/marketplace","description":"Guide for React 19 development with Actions, Server Components, and new hooks. Use for building React 19 apps, form handling, optimistic updates, and migrations.","entity_type":"skill","detail_url":"/skills/aiskillstore/react-19/"},{"slug":"Syo-M/react-patterns","score":0.4561,"name":"react-patterns","category":"Web & Frontend","quality_tier":"listed","quality_score":76,"repo_stars":3,"repo_full_name":"Syo-M/fable5_skills","description":"React component and hooks conventions. Use when creating or editing React components, custom hooks, state management, or debugging re-render/effect issues. 日本語の依頼例:「Reactコンポーネント作って」「カスタムフック」「状態管理」「再レンダリングが多い」「useEffectの直し方」。","entity_type":"skill","detail_url":"/skills/Syo-M/react-patterns/"},{"slug":"entropyconquers/reanimated-dnd","score":0.456,"name":"reanimated-dnd","category":"Web & Frontend","quality_tier":"solid","quality_score":70,"repo_stars":1053,"repo_full_name":"entropyconquers/react-native-reanimated-dnd","description":"A powerful, performant drag-and-drop library for React Native built on Reanimated 4 and Gesture Handler. Smooth 60fps animations, sortable lists & grids, collision detection, and full TypeScript support.","entity_type":"plugin","detail_url":"/skills/entropyconquers/reanimated-dnd/"},{"slug":"huangjia2019/react-","score":0.4555,"name":"react-","category":"Web & Frontend","quality_tier":"listed","quality_score":79,"repo_stars":985,"repo_full_name":"huangjia2019/claude-code-engineering","description":"React 组件设计模式、Hooks 使用指南、性能优化技巧","entity_type":"skill","detail_url":"/skills/huangjia2019/react-/"},{"slug":"davila7/react-dev","score":0.4552,"name":"react-dev","category":"Web & Frontend","quality_tier":"solid","quality_score":96,"repo_stars":27814,"repo_full_name":"davila7/claude-code-templates","description":"This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).","entity_type":"skill","detail_url":"/skills/davila7/react-dev/"},{"slug":"aiskillstore/react-performance","score":0.4552,"name":"react-performance","category":"Web & Frontend","quality_tier":"listed","quality_score":79,"repo_stars":346,"repo_full_name":"aiskillstore/marketplace","description":"Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance issues.","entity_type":"skill","detail_url":"/skills/aiskillstore/react-performance/"},{"slug":"cosmix/loom-react","score":0.4551,"name":"loom-react","category":"Web & Frontend","quality_tier":"listed","quality_score":77,"repo_stars":50,"repo_full_name":"cosmix/loom","description":"Modern React development patterns. Use for building React 19+ applications with components, hooks, Jotai state, React Router v7, server components, accessibility, performance optimization, and testing. Covers client-side routing, composition, and async data loading.","entity_type":"skill","detail_url":"/skills/cosmix/loom-react/"},{"slug":"dean0x/react","score":0.4514,"name":"react","category":"Code & Development","quality_tier":"solid","quality_score":79,"repo_stars":17,"repo_full_name":"dean0x/devflow","description":"This skill should be used when the user works with React components (.tsx/.jsx), asks about \"hooks\", \"state management\", \"context providers\", \"memo optimization\", \"useEffect\", or discusses component composition and rendering performance. Provides patterns for hooks, state, effects, memoization, and React-specific architecture.","entity_type":"skill","detail_url":"/skills/dean0x/react/"}],"source":{"source":"ClaudeAtlas","source_url":"https://claudeatlas.com","license":"MIT (catalog metadata); skills retain upstream licenses","data_recency":"Updated daily ~06:30 UTC","methodology_url":"https://claudeatlas.com/methodology/","citation_url":"https://claudeatlas.com/credits/","recommended_citation":"Source: ClaudeAtlas — https://claudeatlas.com"}}