菜单
React development guidelines with hooks, component patterns, state management, and performance optimization.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.
