Skills Directory / Claude Skills for Full-Stack Developers
react-expert
An agent skill by Jeffallan, from Jeffallan/claude-skills.
Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.
Credit where it's due
This skill is the work of Jeffallan and lives at Jeffallan/claude-skills/react-expert (MIT). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.
- From
- Claude Skills for Full-Stack Developers
- Author
- Jeffallan
- License
- MIT
- Source
- Jeffallan/claude-skills/react-expert
- SKILL.md
- raw file
How to load this skill
Copy this prompt into your AI agent
Please install the "react-expert" agent skill from the Claude Skills for Full-Stack Developers collection (https://github.com/Jeffallan/claude-skills) for me.
1. Run: git clone https://github.com/Jeffallan/claude-skills
2. Copy the skill folder into your skills directory:
cp -r claude-skills/skills/react-expert ~/.claude/skills/react-expert
(Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/Jeffallan/claude-skills) to support the author.
Skill reference: https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/react-expert/SKILL.md
More details: https://primorum.ai/skills/s/react-expert
Or manually: clone Jeffallan/claude-skills and copy
skills/react-expert into
~/.claude/skills/ (Claude Code personal scope) or your agent's
SKILL.md directory. To read it first without installing, open the
raw SKILL.md.
Related skills
- nextjs-developer — Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to co…
- shopify-expert — Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.…
- swift-expert — Builds iOS/macOS/watchOS/tvOS applications, implements SwiftUI views and state management, designs protocol-or…
- react-native-expert — Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements naviga…
- cpp-pro — Writes, optimizes, and debugs C++ applications using modern C++20/23 features, template metaprogramming, and h…