메뉴
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.
