resolve-api-to-model

Generate TypeScript Vue form data models from OpenAPI specifications.

1|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/riease/vue-backend-template --skill resolve-api-to-model
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: resolve-api-to-model
Source: https://github.com/riease/vue-backend-template/tree/main/.agent/skills/resolve-api-to-model
Command: npx skills add https://github.com/riease/vue-backend-template --skill resolve-api-to-model

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reads an OpenAPI specification and generates a TypeScript Data Model class for Vue forms.

Core Features & Use Cases

  • Generates a TypeScript Data Model class that extends BaseFormDataModel and supports multiple form modes (create, edit) with Yup validation and payload mapping.
  • Maps API request bodies to model properties, applying enum typing when available and providing ready-to-use validation rules.

Quick Start

Provide an OpenAPI spec and a target model name to begin generating a Vue form data model.

Frequently Asked Questions about resolve-api-to-model

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

FAQPage Schema
How do I generate TypeScript data models from an OpenAPI spec for Vue forms?

Generating TypeScript data models from an OpenAPI spec involves reading the specification and mapping API request bodies to model properties. This creates a TypeScript Data Model class extending BaseFormDataModel, equipped with Yup validation and payload mapping specifically for Vue applications.

Can I use an OpenAPI specification to create a Vue form with multiple create and edit modes?

Yes, you can use an OpenAPI specification to create a Vue form supporting multiple create and edit modes. The generated TypeScript Data Model class handles distinct form modes, applying enum typing and operationId-based payload mapping for multi-endpoint Create/Edit workflows.

Does generating TypeScript models from OpenAPI apply Yup validation rules automatically?

Generating TypeScript models from OpenAPI applies Yup validation rules automatically during model creation. It maps API request bodies to model properties and provides ready-to-use validation structures, ensuring your Vue forms validate correctly based on the specification constraints.

How do I map API request bodies to TypeScript model properties using OpenAPI?

Mapping API request bodies to TypeScript model properties uses operationId-based payload mapping from your OpenAPI specification. This process generates a Data Model class that accurately reflects your API structure, applying enum typing when available for robust Vue form integration.

What is the best way to handle enum typing in TypeScript Vue forms generated from OpenAPI?

The best way to handle enum typing in TypeScript Vue forms is by generating a Data Model class directly from your OpenAPI spec. The generation process automatically detects and applies enum typing when available, ensuring type-safe properties and accurate validation rules.