메뉴
Apollo Client GraphQL conventions for frontend/ and mobile/ with colocated operations and codegen. Use when editing GraphQL queries, mutations, or fragments in the Next.js or Expo apps.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces via pnpm-workspace.yaml, or managing dependencies with catalogs, patches, overrides, config dependencies, or the global virtual store.
Create reusable React Native UI components with Uniwind and tailwind-variants, including typed variant APIs, slot-based compound components (for example Card.Root, Card.Header, Card.Body, Card.Footer), and theme/platform-aware styling. Use when building or refactoring components in mobile/src/ui, designing variant systems, migrating dynamic class logic to tv/cn, or composing multi-part components.
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.
Frontend coding conventions for this repo. Use when creating or organizing Next.js App Router features, deciding where to place React components, or structuring shared UI/utilities in frontend/. Applies to collocating page-specific components under app route folders and placing shared pieces under src/.
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.
| name | graphql-frontend |
| description | Apollo Client GraphQL conventions for frontend/ and mobile/ with colocated operations and codegen. Use when editing GraphQL queries, mutations, or fragments in the Next.js or Expo apps. |
Follow the project's Apollo Client GraphQL conventions for both Next.js frontend and Expo mobile apps.
references/graphql-frontend.md before editing GraphQL usage.frontend/ and mobile/ GraphQL usage.~/apollo/mutations/MutationName.ts for reusable mutation logic.useMutation.Options) instead of deprecated legacy aliases.