add-api-query
CommunityFetch, mutate, and sync with API contracts.
Authorkibertoad
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill reduces boilerplate by providing a standard pattern to fetch and mutate data using API contracts, a typed HTTP client, and React Query.
Core Features & Use Cases
- Provides a consistent data layer for module components through API contracts, http client, and React Query.
- Supports GET, POST, PUT/PATCH, and DELETE workflows via contracts and the frontend HTTP client.
- Enables easy integration of new backend contracts across modules with automatic type safety and query invalidation.
Quick Start
Create or import an API contract, wire it to the http client, and use useQuery or useMutation to fetch or mutate data in a module component.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: add-api-query Download link: https://github.com/kibertoad/tanstack-react-modules/archive/main.zip#add-api-query Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.