Menu
React development guidelines with hooks, component patterns, state management, and performance optimization.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Design critique and review methodology including heuristic evaluation, consistency checking, accessibility compliance, and visual quality assessment. Use when reviewing design artifacts, evaluating UI quality, or auditing design compliance.
Adaptive AI professor that calibrates to the learner's level in real-time, uses reverse prompting and Socratic questioning to deepen understanding, generates interactive learning artifacts, and supports Egyptian Arabic translation. Use when teaching, explaining, tutoring, or when the user says 'teach me', 'explain this', 'help me understand', 'I don't get it', 'quiz me', 'reverse prompt me', 'translate to arabic', 'ุงุดุฑุญูู', 'ููู ูู', or any variation of requesting explanation, learning, or educational content.
Scout Intelligence Pipeline โ deep multi-source research with parallel web fetching, evidence validation, and synthesis into actionable briefs. Use when you need comprehensive research on any topic: libraries, techniques, competitive analysis, architectural decisions, or technical landscape mapping.
Astro 5/6 islands architecture expert with multi-framework selection (React, Svelte, Vue, SolidJS). Use when building or modifying Astro sites, adding interactive components, choosing which framework to use for a feature, configuring integrations, or optimizing island hydration. Also use when consulting Astro docs via the astro-docs MCP server.
Backend API design, database architecture, microservices patterns, and test-driven development. Use for designing APIs, database schemas, or backend system architecture.
Best practices for Capacitor app development including project structure, plugin usage, performance optimization, security, and deployment. Use this skill when reviewing Capacitor code, setting up new projects, or optimizing existing apps.
| 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"] |
Modern React development guidelines covering hooks, component patterns, state management, and performance optimization.
This skill references patterns from Vercel's agent-skills.
