skills.rest
Nikhil-Chopra-7
Nikhil-Chopra-7COMMUNITY
Explore all skills by this author →
GitHub

api-mapper

Generate complete API contracts with endpoints, types, and mocks from task breakdowns.

1|Updated Apr 25, 2026
Search Tags:#typescript#frontend#api#contracts#mapping#proxy
One-click install
npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill api-mapper
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: api-mapper
Source: https://github.com/Nikhil-Chopra-7/claude-frontend-skills/tree/main/api-mapper
Command: npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill api-mapper

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts a frontend task breakdown and available API documentation into a complete, typed API contract with endpoints, data types, and mocks, streamlining the handoff between product, frontend, and backend.

Core Features & Use Cases

  • Map task breakdowns to backend endpoints and generate TypeScript interfaces.
  • Produce API service signatures that follow the repository's proxy routing pattern.
  • Create mock data for incomplete API information and generate a ready-to-use API contract document.

Quick Start

Provide a sample task breakdown and any available API docs, and I will generate the complete API contract with mocks.

Frequently Asked Questions about api-mapper

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

FAQPage Schema
How do I generate TypeScript API contracts from frontend task breakdowns?▼

To generate TypeScript API contracts from frontend task breakdowns, provide the task details and available API documentation. The system maps the frontend requirements to backend endpoints, creating typed interfaces and mock data where API information is missing.

What is the best way to create mock data for incomplete API endpoints?▼

The best way to create mock data for incomplete API endpoints is to use a mapping tool that analyzes your frontend task breakdown. It automatically generates ready-to-use mock data and a complete contract document when endpoint responses are not yet available.

How do I align API service signatures with Next.js proxy routing?▼

To align API service signatures with Next.js proxy routing, the system generates service signatures that specifically follow your repository's proxy routing pattern. This ensures all mapped endpoints integrate seamlessly with your Next.js frontend architecture.

Can I map frontend tasks to backend endpoints if I only have endpoint paths?▼

Yes, you can map frontend tasks to backend endpoints if you only have endpoint paths. The system handles cases with endpoint and response, endpoint only, or neither, automatically generating the required TypeScript types and mocks to complete the contract.

Does the API contract mapping process require existing API documentation?▼

The API contract mapping process does not require existing API documentation. It can process a frontend task breakdown with incomplete API information, automatically generating mock data and TypeScript interfaces to bridge the gap between product and backend.

Related Skills

Explore More Software Engineering Skills→
Imad-OuteImad-Oute
2

mh-mgi-knowledge-curator

Convert MD, PDF, and text sources into indexed mental models via a 4-step workflow.

Community
Advanced
bianliuzhubianliuzhu
4

Mock 数据生成

Generate JSON mock data files from API definitions and TypeScript types.

Community
Intermediate
JYbillJYbill
1

typescript-magician

Identify root causes of TypeScript type errors and propose generic-based fixes.

Community
Advanced
giuseppe-trisciuogliogiuseppe-trisciuoglio
322

spring-boot-openapi-documentation

Generate OpenAPI 3.0 documentation and Swagger UI for Spring Boot 3.x applications.

Community
Advanced