What problem does it solve? Frontend features often break when API integrations are wired inconsistently: untyped responses, duplicated request logic, missing loading or error states, and unsafe retries. This Skill guides the integration of backend APIs into frontend code following the repository's existing request, caching, auth, and state-management patterns. ## Core Features & Use Cases - Typed API Contracts: Enforce type safety between API contracts and frontend usage with Zod schemas, Orval, or openapi-typescript generated types. - TanStack Query v5 Patterns: Centralize query keys and fetchers in queryOptions factories, and implement full optimistic mutation lifecycles with rollback handlers. - React 19 Integration: Use the use() hook for RSC streaming and useActionState for straightforward form mutations, reserving useMutation for complex cache manipulation. - Use Case: When adding a dashboard page that reads and mutates backend data, use this Skill to build a typed client hook, wire loading and error states, and add tests covering success, failure, and cache invalidation paths. ## Quick Start Use the integrate-api-client skill to connect this new settings page to the backend profile API with typed responses and proper error handling.
