1---2name: react-frontend3description: Skill: react-frontend4---5# Skill: react-frontend67## Type8frontend910## When to Use1112Use when building a SPA with React.1314---1516## Rules1718- UI is fully client-side rendered19- Use components for UI structure2021---2223## Guidelines2425- Use hooks for state management26- Use environment variables for API URLs2728---2930## Anti-Patterns3132- Do NOT rely on server-side rendering
Run npx skillmds@latest add carlnaddy/react-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Skill: react-frontend It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
CarlNaddy (@carlnaddy) published this skill. Their other Agent Skills are listed on their SkillMD profile.
CarlNaddy