devup-api

Generate type-safe API clients from OpenAPI specifications.

7|Updated Nov 25, 2025
One-click install
npx skills add https://github.com/dev-five-git/devup-api --skill devup-api
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: devup-api
Source: https://github.com/dev-five-git/devup-api/tree/main
Command: npx skills add https://github.com/dev-five-git/devup-api --skill devup-api

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually maintaining TypeScript typings for every API surface is error-prone and time-consuming; this Skill generates a fully typed API client from OpenAPI schemas, reducing boilerplate and increasing reliability.

Core Features & Use Cases

  • OpenAPI-driven type generation that converts paths, methods, and schemas into typed API functions with optional runtime validation.
  • Fetch-compatible interface with automatic path param substitution, typed query/body/headers, and consistent success/error typing.
  • Ecosystem integration: builds across Vite, Next.js, Webpack, Rsbuild, plus React Query, Zod, react-hook-form, and UI components for end-to-end workflows.
  • Multi-server support to generate types for several OpenAPI schemas and access per-server types.
  • Cold Typing and Boiled Typing: code immediately with relaxed types and enable full type safety after the build.

Quick Start

Install the core package and a relevant build plugin, place your openapi.json in the project root, and run your bundler to generate and use the typed API client.

Frequently Asked Questions about devup-api

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

FAQPage Schema
How do I generate a type-safe API client from an OpenAPI schema?

Generating a type-safe API client from an OpenAPI schema involves using a bundler plugin to convert your openapi.json paths and methods into typed API functions. This process automatically maps schemas to TypeScript types with optional runtime validation.

Can I use the generated API client with React Query and Zod?

Yes, the generated API client supports React Query and Zod for ecosystem integration. It provides plugin-based generation that connects your typed API functions directly to React Query hooks and Zod runtime validation.

Does OpenAPI type generation work with Vite, Next.js, and Webpack?

OpenAPI type generation works across Vite, Next.js, Webpack, and Rsbuild. You install the core package alongside your relevant build plugin, place your openapi.json in the project root, and run the bundler to generate the client.

What is the difference between cold typing and boiled typing in TypeScript API clients?

Cold typing allows you to code immediately with relaxed types before the build, while boiled typing enables full type safety after the build completes. This approach lets you start coding instantly without waiting for type generation.

How do I generate TypeScript types for multiple OpenAPI schemas?

Multi-server support in OpenAPI type generation allows you to generate types for several OpenAPI schemas simultaneously. You can access per-server types independently, ensuring your API client maintains distinct typing across different backend services.

What is the best way to eliminate manual TypeScript typings for API surfaces?

The best way to eliminate manual TypeScript typings for API surfaces is generating a fully typed client directly from OpenAPI specifications. This approach converts paths, methods, and schemas into typed functions, reducing boilerplate and preventing type drift.