How does the skill fetch the API documentation?

It uses integrated MCP server tools to read or refresh the project's OpenAPI specification (OAS) directly from the backend source.

What TypeScript patterns does it use?

It generates fully documented interfaces, handles enums, and follows project-specific path aliases like '@/' for clean, maintainable imports.

Can it help with TanStack Query?

Yes, it generates standardized React Query mutation and query hooks, including query key factories and cache invalidation patterns.

Does it handle security?

It provides specific guidance on OWASP considerations, authentication headers, and input validation based on the API's security requirements.

API Specification Analyzer

Name: API Specification Analyzer
Author: involvex

byinvolvex

API開発

Analyzes OpenAPI specifications to generate precise TypeScript interfaces and standardized frontend implementation code.

概要

The API Specification Analyzer bridges the gap between backend documentation and frontend implementation by parsing OpenAPI (Swagger) specifications. It automatically generates type-safe TypeScript interfaces, API service functions, and TanStack Query hooks tailored to specific project conventions. This skill is essential for developers needing to implement new integrations, debug HTTP errors, or migrate from mock APIs to production-ready backend services while maintaining strict type safety and security standards.

主な機能

Automatic OpenAPI specification parsing and analysis
Generation of strict TypeScript interfaces with JSDoc documentation
Standardized API service implementation using TanStack Query patterns
Security and validation checklists based on OWASP standards
Comprehensive error handling and status code documentation
0 GitHub stars

ユースケース

Implementing new API integrations with end-to-end type safety
Replacing mock frontend data with real production API calls
Debugging 400, 401, and 404 errors by verifying request formats against the spec

概要

主な機能

Automatic OpenAPI specification parsing and analysis
Generation of strict TypeScript interfaces with JSDoc documentation
Standardized API service implementation using TanStack Query patterns
Security and validation checklists based on OWASP standards
Comprehensive error handling and status code documentation
0 GitHub stars

ユースケース

Implementing new API integrations with end-to-end type safety
Replacing mock frontend data with real production API calls
Debugging 400, 401, and 404 errors by verifying request formats against the spec