Menu
Use when editing UI in `app/` or `components/` (layout, Tailwind classes, styling, or view logic).
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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/."