What problem does it solve? It bridges the gap between structured product requirements and frontend development by converting requirement JSON into concrete page design documents, eliminating ambiguity about layout, component breakdown, and data sourcing before coding begins. ## Core Features & Use Cases - Layout Sketching: Produces ASCII layout diagrams per page based on three style presets (minimal, enterprise, mobile). - Component Breakdown: Suggests Vue components with reusability ratings and checks existing project components for reuse. - Data Source Mapping: Maps each module's data fields to existing or proposed REST API endpoints by inspecting the project's src/api directory. - Use Case: After running requirement-analyzer on a user management feature, feed its JSON output here to get a PAGE_SPECS.md with table layouts, an EditUserModal component plan, /api/users endpoint mappings, and a suggested src/views directory structure. ## Quick Start Ask the AI to generate a page design document in enterprise style from the structured requirements JSON produced by requirement-analyzer.
