Use when adding new error messages to React, or seeing "unknown error code" warnings.
react-best-practices
637
60
# Install this skill:
npx skills add skillcreatorai/Ai-Agent-Skills --skill "react-best-practices"
Install specific skill from multi-skill repository
# Description
React development guidelines with hooks, component patterns, state management, and performance optimization.
# SKILL.md
name: react-best-practices
description: React development guidelines with hooks, component patterns, state management, and performance optimization.
author: vercel
category: development
tags: [react, typescript, nextjs]
React Best Practices
Modern React development guidelines covering hooks, component patterns, state management, and performance optimization.
When to Use
- Building React applications
- Learning React best practices
- Code reviews for React projects
- Performance optimization
Source
This skill references patterns from Vercel's agent-skills.
# Related Skills
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging...
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves...
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.