القائمة
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.
