메뉴
Use when adding or changing inline graphql() operations in apps/web so generated client types remain in sync.
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 | run-frontend-codegen |
| description | Use when adding or changing inline graphql() operations in apps/web so generated client types remain in sync. |
graphql() operation in apps/web/**/*.ts(x)..graphql files).pnpm --filter @luckyplans/web codegen.apps/web/src/generated/.pnpm lint, pnpm type-check, pnpm build, pnpm format:check.@graphql-codegen/client-preset.typescript-react-apollo plugin patterns.