What problem does it solve? Manually translating design screenshots into Vue 3 page components, shared components, and router wiring is slow and repetitive, especially when a project contains many pages and states. This Skill batch-converts organized screenshot directories into a first pass of Vue 3 Composition API code using your chosen component library. ## Core Features & Use Cases - Batch Screenshot Conversion: Groups screenshots by module and page state (list, detail, form, loading, empty) and generates corresponding page components. - UI Library Mapping: Maps visual elements to Vant, Element Plus, or Ant Design Vue components based on the selected --ui option. - Shared Component Extraction: Detects repeated UI regions and extracts them into reusable components, with cut-image assets resolved by page, module, then global priority. - Use Case: You receive a folder of mobile app design exports for a Vant-based project. Run the converter to scaffold all page components, shared components, and router wiring under src/, then review and refine the output. ## Quick Start Ask the AI to convert the screenshots in ./screenshots into Vue 3 components using Vant by running npx ui-to-vue-converter@1.0.2 with your DASHSCOPE_API_KEY set.
