What problem does it solve? Connecting frontend components to backend APIs involves repetitive boilerplate: writing typed service functions, handling success/failed response statuses, catching network errors, and showing user notifications. This Skill standardizes that entire integration layer so every API call follows the same proven pattern. ## Core Features & Use Cases - Service File Generation: Produces complete CRUD service files (GET, POST, PUT, PATCH, DELETE) using the project's apiClient with full TypeScript typing and JSDoc comments. - Type Definition Templates: Creates matching type files with entity interfaces, create/update payloads, and response wrappers following the status/message/data convention. - Error Handling Patterns: Provides component-level patterns for client-side validation, backend error messages, network exceptions, loading states, and optimistic updates with rollback. - Use Case: You need to add a new 'bookings' feature. Use this Skill to generate bookingService.ts with all CRUD functions, the types/booking.ts file, and wire the create-booking modal with proper error notifications. ## Quick Start Create a service file for the bookings resource that connects to the backend API with full CRUD operations and error handling.
