api-integration-workflow
endpoint 문서를 기준으로 API helper, TanStack Query hook, 타입, 에러/cache 동작을 구현할 때 사용합니다.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
endpoint 문서를 기준으로 API helper, TanStack Query hook, 타입, 에러/cache 동작을 구현할 때 사용합니다.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
apps/client, apps/market-owner, apps/design-system-web, 선택적 apps/admin 내부의 앱 전용 shared 컴포넌트를 생성, 스펙 작성, export, 검증할 때 사용합니다.
GitHub 브라우저 PR 리뷰에서 visible diff, review comment, check status, local verification 여부를 분리해 기록할 때 사용합니다.
packages/design-system 공통 컴포넌트를 Figma/이미지/상태 요구사항 기반으로 생성, 구현, story/spec/export 검증할 때 사용합니다.
필드 검증, submit, mutation, error, disabled/loading/success 상태가 있는 프론트엔드 폼 흐름을 구현할 때 사용합니다.
프론트엔드 구현 또는 리뷰 중 Toss Frontend Fundamentals의 응집도 기준으로 함께 수정되는 component, hook, type, fixture, spec, form 흐름 배치를 점검할 때 사용합니다.
프론트엔드 구현 또는 리뷰 중 Toss Frontend Fundamentals의 결합도 기준으로 hook 책임, props drilling, shared/design-system 승격, context, 중복 제거를 점검할 때 사용합니다.
| name | api-integration-workflow |
| description | endpoint 문서를 기준으로 API helper, TanStack Query hook, 타입, 에러/cache 동작을 구현할 때 사용합니다. |
API endpoint helper, query/mutation hook, request/response type, error handling, cache behavior를 구현할 때 사용합니다.
API 계약이 불명확하면 구현 전에 질문합니다. 서버 스펙이 확정되지 않은 필드는 임의로 강하게 고정하지 않습니다.
recipes/add-api-query.mddocs/architecture/data-layer.mddocs/workflows/turbo-generators.mdtemplates/hook.spec.mddocs/workflows/spec-writing.mddocs/code-quality/frontend-fundamentals.md: hook return shape, API boundary, cache/error 책임의 응집도/결합도 self-check 허브가 필요할 때docs/code-quality/frontend-readability.md, docs/code-quality/frontend-predictability.md, docs/code-quality/frontend-cohesion.md, docs/code-quality/frontend-coupling.md: 구현 중 특정 품질 기준만 확인할 때docs/code-quality/frontend-logic-composition.md: query/mutation hook, orchestration hook, payload mapping 책임을 나눌 때packages/shared.setQueryData, invalidateQueries, optimistic update 중 필요한 최소 동작을 선택합니다.frontend-fundamentals-review를 추가로 적용했습니다.packages/shared로 옮기지 않습니다.