fill-api

Implement missing API request functions from design docs and TODO markers.

1|Updated Jan 7, 2025
One-click install
npx skills add https://github.com/Y2138/vue3-mono --skill fill-api
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fill-api
Source: https://github.com/Y2138/vue3-mono/tree/main/.agents/skills/fill-api
Command: npx skills add https://github.com/Y2138/vue3-mono --skill fill-api

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implement or complete API request functions from design docs and TODO markers, aligning fields and types with shared generated types. Use when user needs to implement API request functions, code contains TODO markers for API calls, or asks to fill in/create API functions.

Core Features & Use Cases

  • Centralizes creation of API request helpers that conform to shared type definitions.
  • Bridges design docs to concrete code by filling missing endpoints and request shapes.
  • Use Case: When adding a new API in the app, generate a ready-to-use client stubs that match the backend schema.

Quick Start

Create or complete the API request functions based on the design docs, aligning with shared generated types.

Frequently Asked Questions about fill-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement missing API request functions from TypeScript design docs?

To implement missing API request functions, use this Skill to read TODO markers and design docs, then generate concrete TypeScript client stubs in src/request/api/. It bridges design schemas to ready-to-use code by aligning fields with shared generated types.

What is the best way to generate axios API client stubs that match shared backend types?

Generating axios API client stubs that match shared backend types is done by filling missing endpoints and request shapes in src/request/api/. This ensures consistent request/response shapes and uses shared axios wrappers for all HTTP calls.

Can I use this to fill in TODO markers for HTTP integration code?

Yes, you can fill in TODO markers for HTTP integration code by applying changes directly to src/request/api/. It completes missing API request functions while ensuring error handling and data shapes align with shared generated TypeScript types.

Does this approach support adding error handling to generated API request functions?

Adding error handling to generated API request functions is fully supported. When filling missing endpoints, it ensures consistent request/response shapes and applies error handling alongside the use of shared axios wrappers for HTTP calls.

When do I need to align API request shapes with shared generated types?

You need to align API request shapes with shared generated types when adding a new API in your app. This ensures that the concrete client stubs you create from design docs match the backend schema and maintain consistent request/response shapes.