메뉴
Use when editing UI in `app/` or `components/` (layout, Tailwind classes, styling, or view logic).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when adding or changing UI, forms, or interactive elements.
Use when adding or changing API routes under `app/api/*`.
Use when asked to craft commit messages or PR titles.
Use when changing debate history, localStorage, or timing logic (e.g., `app/page.tsx`).
Use when making TypeScript or ESLint-sensitive changes in `app/`, `components/`, or `lib/`.
Use when adding config, credentials, external services, or environment variables.
| name | nextjs-app-ui |
| description | Use when editing UI in `app/` or `components/` (layout, Tailwind classes, styling, or view logic). |
Keep the Next.js App Router UI consistent with existing layout, Tailwind patterns, and component structure.
components/ and page composition in app/."use client" only where needed.app/page.tsx."components/."