API Client Skill

Overview

Expert guidance for API client implementation using TanStack Query/Axios, including JWT token attachment via interceptors, global error handling with toasts, type-safe response parsing with Zod, and offline detection for robust data fetching.

When This Skill Applies

This skill triggers when users request:

• API Setup: "Setup API client", "Configure TanStack Query", "Axios instance"
• Data Fetching: "Fetch student data", "Get attendance", "API calls"
• JWT/Token: "Attach JWT token", "Bearer token headers", "Token refresh"
• Error Handling: "API error toast", "Handle 401", "Retry failed requests"
• Response Parsing: "Type-safe responses", "Zod validation", "Parse API data"
• Pagination: "Paginated list", "Infinite query", "Load more data"

Core Rules

1. Setup: TanStack Query Configuration