What problem does it solve? Teams often need to confirm page structure and module organization before investing in prototypes or code, but drawing wireframes is slow and costly. This Skill converts page specifications into low-cost ASCII layout diagrams so teams can align on structure quickly during requirement reviews. ## Core Features & Use Cases - ASCII Layout Generation: Converts page specs (JSON, Markdown PAGE_SPECS, or natural language) into fixed-width ASCII diagrams showing headers, search areas, tables, forms, and pagination. - Module Type Recognition: Identifies tables, forms, search bars, stat cards, action bars, pagination, and trees, applying appropriate placeholder conventions for each. - Multi-Variant Comparison: Generates 2-3 layout alternatives when comparison is requested, each with suitability notes. - Use Case: After requirement analysis confirms a user management page with search, table, and pagination, generate an ASCII layout to validate module ordering with the team before handing off to prototype design. ## Quick Start Generate an ASCII layout diagram for a user management page with a search area, user table, and pagination at the bottom.
