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