React Best Practices — Development skill for Claude Code
Agent Skill: A comprehensive skill for implementing React best practices including component structure, state management, performance optimization, and code organization.
How to install React Best Practices
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open michaelshimeles/react-best-practices and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What React Best Practices does
Agent Skill: A comprehensive skill for implementing React best practices including component structure, state management, performance optimization, and code organization.
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Implement Plan — You are tasked with implementing an approved technical plan from thoughts/shared/plans/ 10k ★
- Portaljs Add Map — Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase 2.3k ★
README
react-best-practices
A comprehensive skill for implementing React best practices including component structure, state management, performance optimization, and code organization.
Installation
Add this skill to Claude Code by adding the following to your settings:
{
"skills": [
"https://github.com/michaelshimeles/react-best-practices"
]
}Or use the CLI:
claude skills add https://github.com/michaelshimeles/react-best-practicesUsage
This skill will be automatically activated when relevant tasks are detected.
License
MIT
Built with [MCP Hub Skill Builder](https://mcphub.io)
Related Skills
Frontloom React
Use this skill for React and Next.js frontend tasks. Enforces idiomatic React patterns including hooks, compon
Glass Atrium Ops Orchestrator
Orchestrator-specific rules — delegation enforcement · team composition · delegation communication · Wave Exec
Cost Optimization
Identify cost reduction opportunities across the organization
Operations Cx Super Skill
Comprehensive operations and CX skill merging Perplexity Computer's 5 CX skills with Claude Code's project man
Lizard On Zotero
Comprehensive Zotero citation management guide in Traditional Chinese—learn reference management, bibliography
Montasim Dev
Source for Montasim's responsive React portfolio, including selected work, experience, skills, project archive
Related Agents
Frontend Mobile Specialist
Deep frontend/mobile engineer — component architecture, state management, rendering performance, accessibility
React Pro
Use when optimizing existing React applications for performance, implementing advanced React 18+ features, or
Frontend Staff Engineer
Implements and reviews React/TypeScript frontend work covering component architecture, state management, rende
