القائمة
Analyze React and Next.js performance risks: rerenders, effects, memoization, bundle size, images, fonts, server/client boundaries, data fetching, and caching.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Review changed frontend files in React, Next.js, Vue, Nuxt, TypeScript, CSS, or UI code. Use for PR/diff review, component quality, accessibility, performance, and test impact.
Improve UI consistency, accessibility, responsive behavior, maintainability, and readable frontend implementation. Use for React/Next/Vue/Nuxt UI quality checks.
---
Quickly understand an unfamiliar frontend-first repository. Use before implementation in a new or stale project to map stack, scripts, structure, conventions, risks, and next checks.
Plan and run practical web app checks: lint, typecheck, targeted unit/integration tests, Playwright/Vitest/Jest when available, and smoke testing.
استنادا إلى تصنيف SOC المهني
| name | react-next-performance |
| description | Analyze React and Next.js performance risks: rerenders, effects, memoization, bundle size, images, fonts, server/client boundaries, data fetching, and caching. |
Improve performance without premature abstraction.
useEffect or derived stateuseMemo / useCallback only with clear benefit.