api-enrichment

What problem does it solve?

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.

Core Features & Use Cases

• OpenAPI parsing: Extract relevant endpoints, request and response schemas, and error codes from provided OpenAPI/Swagger documents and map them to UI fields.
• Data model inference: Produce candidate data models and TypeScript types when API documentation is absent, based on spec.md inferred fields and Figma-provided UI props.
• State & mapping design: Generate Vue 3 + TypeScript state structures, view-model mapping functions, and composable-level error handling recipes ready for logic-coder implementation.
• Deliverable: Produce an enriched-spec.md that aligns design, API, and frontend implementation expectations.

Quick Start

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.