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