context-api-contracts

Analyze frontend-backend API contracts, routes, and type definitions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/stars-end/affordabot --skill context-api-contracts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: context-api-contracts
Source: https://github.com/stars-end/affordabot/tree/main/.claude/skills/context-api-contracts
Command: npx skills add https://github.com/stars-end/affordabot --skill context-api-contracts

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Managing frontend-backend API contracts, routes, clients, and type definitions across a codebase can be complex, leading to type mismatches and integration issues.

Core Features & Use Cases

  • API Endpoint Navigation: Explore backend API routes (v1, v2) and frontend API clients for various services, understanding the full API surface.
  • Cross-Stack Type Clarity: Understand how TypeScript contracts and database types ensure consistent data flow between frontend and backend, preventing "Type error" issues.
  • Middleware & Testing Insights: Locate backend middleware for authentication/CORS and find integration/E2E tests for API validation.
  • Use Case: When adding new API endpoints or debugging "404 Not Found" errors, this Skill provides immediate context on API design, contracts, and client integration.

Quick Start

Ask about "API design" or "type mismatches" to get context on API endpoint definitions, request/response types, and cross-stack integration.

Frequently Asked Questions about context-api-contracts

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

FAQPage Schema
How do I prevent type mismatches between frontend and backend API contracts?▼

Type mismatches occur when frontend and backend API definitions diverge. This Skill ensures consistency across TypeScript contracts, request/response types, and database schemas, preventing runtime errors by aligning data flow definitions across your stack before integration.

What should I check when adding a new REST API endpoint?▼

When adding endpoints, verify the route definition, request/response type contracts, TypeScript definitions on both sides, middleware alignment (auth, CORS), and client integration. This Skill maps your full API surface and contract dependencies to catch misalignments early.

How do I debug 404 errors in frontend-backend integration?▼

404 errors signal route definition gaps or client misconfiguration. This Skill provides immediate context on backend API route definitions, endpoint versions, client implementations, and middleware setup to identify whether the issue is missing routes, incorrect paths, or integration problems.

Can I use this to understand API design patterns across multiple service versions?▼

Yes. This Skill navigates backend API routes across versions (v1, v2) and frontend clients, exposing the full API surface and design patterns. You can explore how contracts evolve and maintain consistency across service versions.

What's the relationship between API contracts, middleware, and testing?▼

API contracts define what data flows; middleware enforces it (authentication, CORS); tests validate it. This Skill locates contract definitions, middleware configurations, and integration/E2E tests together, showing how each layer ensures API consistency and correctness.

Do I need frontend and backend codebases in one repository to use this?▼

This Skill works within a single codebase. It's designed for monorepos or integrated projects where frontend TypeScript types, backend routes, and API clients are colocated or share type definitions, enabling cross-stack consistency checks.