devup-api

Generate type-safe API clients from OpenAPI schemas for TypeScript projects.

Updated Jan 23, 2026
One-click install
npx skills add https://github.com/sanghee01/no-fishing-zone --skill devup-api-sanghee01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: devup-api
Source: https://github.com/sanghee01/no-fishing-zone/tree/main/.agent/skills/devup-api
Command: npx skills add https://github.com/sanghee01/no-fishing-zone --skill devup-api-sanghee01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Type-safe API client generation from OpenAPI schemas eliminates manual, error-prone API client wiring by producing strongly typed clients that adapt to the API surface.

Core Features & Use Cases

  • Setup and integration with core OpenAPI workflows using @devup-api/fetch, Next.js/Vite/Webpack plugins, and React Query for data fetching.
  • Type-safe request/response models via generated DevupObject references, enabling consistent typing across API calls and UI layers.
  • Use Case: Build a robust API layer for a React/Next.js project with zero-runtime type errors, including middleware for auth and error handling.

Quick Start

Install the core packages and configure your build tool, place openapi.json at the project root, generate types, and start using the generated client in your app.

Frequently Asked Questions about devup-api

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

FAQPage Schema
Can I use React Query with a generated OpenAPI TypeScript client?

Yes, it supports Next.js, Vite, and Webpack projects. You configure the specific build tool plugin to generate typed clients that adapt to your API surface and ensure zero-runtime type errors across your application.

How do I add middleware for auth and error handling to a type-safe API client?

Yes, you can integrate React Query with the generated client for data fetching. This setup enables typed requests and consistent response models across GET, POST, PUT, PATCH, and DELETE methods directly within your React data fetching workflows.

What is the best way to eliminate manual API client wiring in a React project?

Add middleware for auth and error handling using the integrated middleware system. This allows you to intercept and manage type-safe requests and responses, ensuring consistent authentication and error handling across your generated client.

Do I need to manually define request and response models when using an OpenAPI schema?

The best way to eliminate manual API client wiring is generating a strongly typed client from an OpenAPI schema. This approach adapts directly to your API surface and provides compile-time type safety for all request and response models.

Do I need to manually define request and response models when using an OpenAPI schema?

No, you do not need to manually define request and response models. The tool generates DevupObject type references directly from your OpenAPI schema, ensuring consistent typing across API calls and UI layers without manual, error-prone wiring.