Haibaraaiaptx Frontend Openapi Skills
- 1 repo stars
- Updated April 8, 2026
- HaibaraAiAPTX/frontend-openapi-skills
haibaraaiaptx-frontend-openapi-skills is a Claude Code plugin that generates type-safe TypeScript models and API clients from OpenAPI or Swagger specifications.
About
haibaraaiaptx-frontend-openapi-skills is a focused Claude Code plugin collection from HaibaraAiAPTX with a single plugin oriented around OpenAPI and Swagger specifications. developers and small frontend teams install it when they have a REST or OpenAPI contract and need consistent TypeScript types and client code instead of copying paths by hand or running one-off codegen CLIs outside the agent loop. The skill set emphasizes generating models, handling spec files including download steps, and staying type-safe as APIs evolve—ideal for SaaS dashboards, internal tools, and any product where the agent should implement features against a documented API. It does not replace API design or backend implementation; it accelerates the glue layer once the spec is authoritative. Pair it with your existing review and test practices in Ship when contracts change frequently.
- Claude Code skill(s) for OpenAPI/Swagger-driven TypeScript generation
- Type-safe models and API clients aligned to your spec
- Workflow support for downloading spec files and working from local OpenAPI documents
- Reduces drift between backend contract and frontend calls
Haibaraaiaptx Frontend Openapi Skills by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin install haibaraaiaptx-frontend-openapi-skills@HaibaraAiAPTX/frontend-openapi-skillsAdd your badge
Show developers this plugin is listed on Skillselion. Paste this into your README.
| repo stars | ★ 1 |
|---|---|
| Last updated | April 8, 2026 |
| Repository | HaibaraAiAPTX/frontend-openapi-skills ↗ |
What it does
Generate type-safe TypeScript models and API clients from OpenAPI or Swagger specs without hand-maintaining fetch wrappers.
Who is it for?
Best when you're on TypeScript/React (or similar) stacks and already publish or consume a Swagger/OpenAPI file.
Skip if: Projects without an OpenAPI contract, non-TypeScript stacks, or teams that only need mock servers instead of client codegen.
What you get
After adding the plugin, Claude can generate and refresh TypeScript clients and models from your OpenAPI/Swagger source inside the coding workflow.
- Type-safe TypeScript models derived from the spec
- Generated API client code ready to import in frontend modules
By the numbers
- 1 plugin in the HaibaraAiAPTX/frontend-openapi-skills bundle
- Repository: HaibaraAiAPTX/frontend-openapi-skills
Recommended Plugins
0xdesign Design PluginDesign exploration plugins for Claude Code743
Adlsdztony Claude Marketplace1 plugin2
Alexanderop Claude Skill Vue DevelopmentA Claude Code Agent Skill for Vue.js development with TypeScript, emphasizing testing-first development, functional patterns, and maintainable architecture.27
Alonw0 Web Asset GeneratorClaude skill to generate favicons, app icons, and social media images from logos, text, or emojis.469
Ankish8 Storybook NpmLocal plugins for myOperator UI2
Antvis Chart Visualization Skills⛏️ Turning data into a visual language for better thinking with Skills.446How it compares
OpenAPI-to-TypeScript codegen skill pack, not a full-stack scaffold or hosting plugin.
FAQ
Who is Haibaraaiaptx Frontend Openapi Skills for?
Frontend-focused developers and small teams using Claude Code who maintain TypeScript apps against OpenAPI or Swagger APIs.
When should I use Haibaraaiaptx Frontend Openapi Skills?
Use it during Build when you have a spec URL or file and need typed clients or models before implementing UI features or data hooks.
How do I add Haibaraaiaptx Frontend Openapi Skills to my agent?
Register the HaibaraAiAPTX/frontend-openapi-skills repo as a Claude Code plugin, enable the OpenAPI skill, and point the agent at your Swagger/OpenAPI document or download step per the skill instructions.