Analyzes API documentation from OpenAPI specs to provide TypeScript interfaces, request/response formats, and implementation guidance. Use when implementing API integrations, debugging API errors (400, 401, 404), replacing mock APIs, verifying data types, or when user mentions endpoints, API calls, or backend integration.
View on GitHubinvolvex/involvex-claude-marketplace
frontend
January 20, 2026
Select agents to install to:
npx add-skill https://github.com/involvex/involvex-claude-marketplace/blob/main/plugins/frontend/skills/api-spec-analyzer/SKILL.md -a claude-code --skill api-spec-analyzerInstallation paths:
.claude/skills/api-spec-analyzer/# API Specification Analyzer This Skill analyzes OpenAPI specifications to provide accurate API documentation, TypeScript interfaces, and implementation guidance for the caremaster-tenant-frontend project. ## When to use this Skill Claude should invoke this Skill when: - User is implementing a new API integration - User encounters API errors (400 Bad Request, 401 Unauthorized, 404 Not Found, etc.) - User wants to replace mock API with real backend - User asks about data types, required fields, or API formats - User mentions endpoints like "/api/users" or "/api/tenants" - Before implementing any feature that requires API calls - When debugging type mismatches between frontend and backend ## Instructions ### Step 1: Fetch API Documentation Use the MCP server tools to get the OpenAPI specification: ``` mcp__Tenant_Management_Portal_API__read_project_oas_f4bjy4 ``` If user requests fresh data or if documentation seems outdated: ``` mcp__Tenant_Management_Portal_API__refresh_project_oas_f4bjy4 ``` For referenced schemas (when $ref is used): ``` mcp__Tenant_Management_Portal_API__read_project_oas_ref_resources_f4bjy4 ``` ### Step 2: Analyze the Specification Extract the following information for each relevant endpoint: 1. **HTTP Method and Path**: GET /api/users, POST /api/tenants, etc. 2. **Authentication**: Bearer token, API key, etc. 3. **Request Parameters**: - Path parameters (e.g., `:id`) - Query parameters (e.g., `?page=1&limit=10`) - Request body schema - Required headers 4. **Response Specification**: - Success response structure (200, 201, etc.) - Error response formats (400, 401, 404, 500) - Status codes and their meanings 5. **Data Types**: - Exact types (string, number, boolean, array, object) - Format specifications (ISO 8601, UUID, email) - Required vs optional fields - Enum values and constraints - Default values ### Step 3: Generate TypeScript Interfaces Create ready-to-use TypeScript interfaces that ma