Map UI fields to OpenAPI endpoints and generate TypeScript state models.
npx skills add https://github.com/Eva813/skills-base --skill api-enrichment
Please help me install this Agent Skill. Skill: api-enrichment Source: https://github.com/Eva813/skills-base/tree/main/.agents/skills/api-enrichment Command: npx skills add https://github.com/Eva813/skills-base --skill api-enrichment
This Skill fills missing API and data specifications after a Vue3 UI handoff so frontend engineers and logic-coders receive concrete endpoint mappings, request/response schemas, TypeScript state structures, mapping rules, and error handling guidance instead of ambiguous design notes.
Generate an enriched-spec.md that maps UI fields from spec.md to OpenAPI endpoints or inferred data models and includes state structures, mapping logic, and error handling guidance.
High-intent search queries and answers about installing and using this skill.
Mapping Vue3 UI fields to OpenAPI endpoints requires parsing the API document and correlating schemas with UI props. This skill extracts endpoints, request/response schemas, and error codes, producing an enriched specification document for frontend implementers.
Generating TypeScript state structures from UI handoffs involves analyzing UI fields to infer data models. This skill produces Vue3 TypeScript state structures, view-model mapping functions, and composable-level error handling recipes for logic-coders.
You can infer data models for frontend implementation when API documentation is missing by analyzing spec.md inferred fields and UI props. This skill generates candidate data models and TypeScript types based on available UI handoff data.
Creating an error handling plan for Vue3 API requests requires defining composable-level error handling recipes and mapping error codes. This skill extracts error codes from OpenAPI documents and integrates error handling rules into the enriched specification.
Yes, this approach works for filling missing request and response schemas by using Figma-provided UI props and spec.md inferred fields. It maps these UI elements to produce concrete request and response schemas within an enriched specification document.
When enriching API specs without Swagger documentation, the limitation is that data models are inferred rather than definitively parsed. This skill generates candidate data models based on UI props, which may require validation against actual backend implementations.
Arnutt-NGenerate OpenAPI/Swagger specs and JSDoc-style annotations for Node.js/Express APIs.
Eva813Generate typed services, composables, and Pinia stores for Vue 3 components.
tridentsofProvide standardized Vue3 patterns for scalable front-end apps.
dus2183-commitsGenerate frontend-friendly API documentation from Swagger/OpenAPI sources or manual descriptions.
