openapi-to-components - Generate API client and update Next.js components
Convert OpenAPI spec to TypeScript types, API client, and update Next.js components with real API calls
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- read OpenAPI spec file
- read frontend component files
- read API mapping reference
- generate TypeScript types file
- generate API client file
- generate API function files
- update page component files
Inputs
- .synnovator/openapi.yaml
- frontend/components/pages/*.tsx
- references/frontend-api-mapping.md
Outputs
- frontend/lib/types.ts
- frontend/lib/api-client.ts
- frontend/lib/api/*.ts
- updated frontend/components/pages/*.tsx
Requirements
- Node.js
- Next.js App Router
- TypeScript