Menú
Use when adding or changing inline graphql() operations in apps/web so generated client types remain in sync.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional 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.