react plugin
Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the project's tests. Use when a task explicitly involves React, JSX/TSX, React hooks, React Router, Vite React configuration, or React build failures. Do not use for framework-agnostic frontend strategy (route to frontend-engineering), browser automation (route to playwright), accessibility policy or audits (route to web-accessibility), or non-React mobile apps (route to mobile-development).
How to install the react plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add magnus919/agent-skills
/plugin install react@magnus-agent-skillsWhat's inside react
1 part read from the plugin's own files.
Skills 1
Claude loads it when the task matches- react
No description in the file.
Using react in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update react@magnus-agent-skills
- Refresh the marketplace
- /plugin marketplace update magnus-agent-skills
- Turn it off for now
- /plugin disable react@magnus-agent-skills
- Remove it
- /plugin uninstall react@magnus-agent-skills
react plugin questions
How do I install the react plugin?
In Claude Code run /plugin marketplace add magnus919/agent-skills, then /plugin install react@magnus-agent-skills.
What does the react plugin include?
react bundles 1 skill.
How do I update or remove the react plugin?
Update it with claude plugin update react@magnus-agent-skills in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall react@magnus-agent-skills.