القائمة
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 المهني
| 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.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.