What problem does it solve? It bridges the gap between prototype designs and working frontend code by interpreting prototype images into structured requirement reports, then implementing the business logic (state management, form validation, API calls) in Vue 3 without touching styles. ## Core Features & Use Cases - Prototype Requirement Analysis: Reads uploaded prototype or wireframe images and produces a requirement report covering features, interaction flows (with Mermaid diagrams for flows over 2 steps), component trees, and missing copy such as validation messages. - Business Logic Implementation: Implements state management, form validation, routing, and API integration in Vue 3 Composition API with <script setup>, following strict JSDoc, Vant, and logic conventions. - Mock API Workflow: Generates TypeScript type declarations, dedicated API call files, mock.json data served via json-server, and per-module API documentation. - Use Case: Upload a login page prototype and ask for requirement analysis; after confirming the report, the Skill implements the login form validation, mock POST /login endpoint, and submission flow. ## Quick Start Upload a prototype image and ask it to analyze the requirements, then confirm the report to start implementing the business logic.
