ASCII Wireframes

Generate high-fidelity text-based wireframes using fixed-width grids, ASCII characters, and strict formatting rules to distinguish interactive elements.

When to Use

Use this skill when:

• Designing UI layouts in chat without graphical tools
• Visualizing component hierarchy and structure
• Creating text-based mockups for rapid prototyping
• Specifying layouts that need to be discussed before implementation

Core Principles

Fixed-Width Grid System

All wireframes use a fixed-width container with aligned borders: