메뉴
Use when creating or reorganizing routes in apps/web so route groups, layout behavior, and path conventions remain consistent.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when introducing or expanding tests in LuckyPlans, especially service logic, shared utilities, controllers, and resolvers.
Use when adding a new Next.js App Router page in apps/web, including route structure, data hooks usage, and auth/session-aware behavior.
Use when implementing or modifying frontend UI in apps/web to enforce the repository's HeroUI + Notion-style baseline consistently.
Use when adding a new GraphQL query or mutation in apps/web so the operation is defined inline in a hook and consumed by components.
Use when modifying or extending an existing frontend component in apps/web while preserving project styling conventions, hook boundaries, and accessibility.
Use when introducing or modifying frontend state management to keep GraphQL data in Apollo cache and avoid mixed-state ownership.
| name | follow-nextjs-route-conventions |
| description | Use when creating or reorganizing routes in apps/web so route groups, layout behavior, and path conventions remain consistent. |
(public) for unauthenticated routes and (app) for authenticated routes.@/ alias for imports from apps/web/src/.error.tsx and loading.tsx conventions for route UX states.@/ alias and structure matches existing patterns.