What problem does it solve? Turning high-fidelity design mockups or screenshots into Vue3 page code is slow and error-prone, especially when teams need pixel-accurate layout restoration without mixing in business logic prematurely. ## Core Features & Use Cases - Design Analysis Mode: Analyzes uploaded mockups, identifies reusable components and Iconfont icons, and produces a confirmation report before any code is written. - Static UI Implementation: Generates pure Vue3 <script setup> components with SCSS, Vant components, Flexbox layouts, and BEM naming, with zero business logic, reactive state, or dynamic bindings. - Routing & Atomic Class Management: Registers new pages in src/router/index.js and centralizes atomic utility classes in atom.scss instead of duplicating them in components. - Use Case: Upload a screenshot of a settings page and receive a pixel-faithful static Vue3 component with proper component decomposition, ready for a developer to wire up logic later. ## Quick Start Upload a design mockup and ask the assistant to analyze the design and restore it as a static Vue3 page.
