impertio-studio/react-claude-skill-package

1

react-errors-boundaries Use when building React components that need error recovery and graceful failure handling. Prevents the common mistak…

impertio-studio/react-claude-skill-package

18

2

react-impl-routing Use when implementing client-side routing, setting up route configuration, handling navigation, or building protected…

impertio-studio/react-claude-skill-package

18

3

react-agents-review Use when reviewing React code, validating a React project, or performing code review for correctness. Prevents shippi…

impertio-studio/react-claude-skill-package

17

4

react-errors-debugging Use when debugging React applications, interpreting console warnings, profiling performance, or understanding Strict …

impertio-studio/react-claude-skill-package

17

5

react-impl-performance Use when optimizing render performance, profiling components, reducing bundle size, or implementing code splitting. P…

impertio-studio/react-claude-skill-package

17

6

react-impl-styling Use when styling React components, choosing a CSS approach, implementing responsive design, or managing CSS architect…

impertio-studio/react-claude-skill-package

17

7

react-syntax-forms Use when building forms, handling form submission, implementing form validation, or using React 19 form actions. Prev…

impertio-studio/react-claude-skill-package

17

8

react-syntax-hooks-advanced Use when working with advanced hooks, integrating external stores, or using React 19 form and promise hooks. Prevents…

impertio-studio/react-claude-skill-package

17

9

react-syntax-refs Use when accessing DOM elements, forwarding refs to child components, implementing imperative APIs, or managing mutab…

impertio-studio/react-claude-skill-package

17

10

react-agents-project-scaffolder Use when scaffolding a new React project, adding React to an existing project, or generating a feature-complete appli…

impertio-studio/react-claude-skill-package

16

11

react-core-architecture Use when reasoning about React's rendering model, understanding the component tree, or debugging unexpected update be…

impertio-studio/react-claude-skill-package

16

12

react-core-concurrent Use when implementing loading states, optimizing perceived performance, handling slow renders, or adding Suspense bou…

impertio-studio/react-claude-skill-package

16

13

react-core-state Use when designing state architecture, choosing between state management approaches, or solving state-related problem…

impertio-studio/react-claude-skill-package

16

14

react-errors-hooks Use when encountering hook-related errors, infinite re-render loops, stale state issues, or eslint-plugin-react-hooks…

impertio-studio/react-claude-skill-package

16

15

react-errors-hydration Use when encountering hydration warnings, debugging SSR/SSG mismatches, or implementing server-rendered React applica…

impertio-studio/react-claude-skill-package

16

16

react-impl-data-fetching Use when fetching data from APIs, managing server state, implementing loading and error states, or choosing a data fe…

impertio-studio/react-claude-skill-package

16

17

react-impl-project-setup Use when creating a new React project, configuring Vite, setting up TypeScript, or establishing project conventions. …

impertio-studio/react-claude-skill-package

16

18

react-impl-server-components Use when building with Server Components, deciding server vs client boundaries, implementing Server Actions, or migra…

impertio-studio/react-claude-skill-package

16

19

react-impl-testing Use when writing component tests, testing hooks, setting up test infrastructure, or debugging test failures. Prevents…

impertio-studio/react-claude-skill-package

16

20

react-syntax-context Use when sharing state across components without prop drilling, implementing theme/auth/locale providers, or optimizi…

impertio-studio/react-claude-skill-package

16

21

react-syntax-events Use when handling user interactions, typing event handlers with TypeScript, working with form inputs, or implementing…

impertio-studio/react-claude-skill-package

16

22

react-syntax-hooks-basic Use when using any core React hook, writing side effects, managing component state, or optimizing re-renders. Prevent…

impertio-studio/react-claude-skill-package

16

23

react-syntax-jsx Use when writing JSX/TSX, rendering lists, implementing conditional rendering, or typing components with TypeScript g…

impertio-studio/react-claude-skill-package

16

24

react-syntax-components Use when creating components, typing props with TypeScript, forwarding refs, or implementing component composition pa…

impertio-studio/react-claude-skill-package

15