react-skills plugin for AI coding agents
React, Next.js, and React Native best practices with web design guidelines.
Install the plugin in your coding agent
Add the marketplace once, then run the command for your tool.
claude plugin install react-skills@claude-settingsSee what the plugin includes
These components come from the current plugin directory, not a hand-written feature list.
- Supported tools
- Claude Code, Codex, Cursor, Gemini
- Skills
- composition-patterns, react-best-practices, react-native-skills, react-view-transitions, web-design-guidelines
- Agents
- None
- Commands
- None
- Hooks
- None
Download this plugin’s skills
Each release ZIP works in ChatGPT and Claude.ai. Review the source before uploading it.
composition-patterns
React composition patterns that scale. Use when refactoring components with
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
react-native-skills
React Native and Expo best practices for building performant mobile apps. Use
react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to “review my UI”, “check accessibility”, “audit design”, “review UX”, or “check my site against best practices”.
Verify the source
Version 1.0.3. License: MIT.
Open the plugin files on GitHub