react-skills plugin for AI coding agents
React, Next.js, and React Native best practices with web design guidelines.
- Works with
- Includes
- 5 skills
- Version
- 1.0.3
- License
- MIT
claude plugin install react-skills@claude-settingsWhat's inside
Each skill ZIP works in ChatGPT and Claude.ai. Read the source before you upload 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”.