Can I customize the naming convention of generated interfaces?

Yes, you can configure PascalCase, camelCase, and other naming styles for interfaces, properties, and enums via the config.json file.

Can I map specific formats like 'date-time' to native 'Date' objects?

Yes, the formatMapping configuration allows you to map specific OpenAPI string formats to any TypeScript type, including native Date objects.

Which OpenAPI versions are supported?

The skill supports both Swagger 2.0 and OpenAPI 3.x specifications.

Does it support both JSON and YAML specification files?

Yes, the generator can parse OpenAPI/Swagger specifications in both JSON and YAML formats.

Does it support the 'folder' output mode for large APIs?

Absolutely. You can choose to generate a single file or a directory structure where every model is placed in its own TypeScript file for better modularity.

OpenAPI TypeScript Model Generator

Name: OpenAPI TypeScript Model Generator
Author: HaibaraAiAPTX

byHaibaraAiAPTX

0•

API 개발

Generates type-safe TypeScript interfaces and enums directly from OpenAPI or Swagger specifications.

This skill streamlines the synchronization between backend API contracts and frontend codebases by converting OpenAPI/Swagger specifications into clean, production-ready TypeScript models. It eliminates manual typing errors and saves development time by automatically generating interfaces, types, and enums with support for both single-file and folder-based output structures. Highly configurable, it allows developers to customize naming conventions, type mappings, and formatting to ensure the generated code perfectly aligns with existing project standards.

주요 기능

01Automatic conversion of OpenAPI 2.0/3.x schemas to TypeScript definitions

02Dual output modes: single-file bundle or one-file-per-model (folder mode)

030 GitHub stars

04Configurable naming conventions for interfaces, properties, and enums

05Customizable type and format mapping for specific data types (e.g., Date, Blob)

06Automated index.ts generation for streamlined model exports

사용 사례

01Synchronizing frontend TypeScript types with evolving backend API specifications

02Enforcing type safety and consistent naming across large-scale TypeScript applications

03Rapidly scaffolding type definitions for new projects from existing Swagger documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add haibaraaiaptx/frontend-openapi-skills generate-ts-models

For use in Claude.ai and ChatGPT

Download Skill