designing-wireframes

What problem does it solve?

This Skill helps teams quickly visualize UI/UX by generating ASCII wireframes and user flows from detailed requirements, bridging gaps between needs and design outputs.

Core Features & Use Cases

• ASCII Wireframes: Create screen-level wireframes in plain text to communicate layout without visual design tools.
• User Flows: Diagram typical user journeys and interactions across screens.
• Cross-Cutting Documentation: Include sections for errors, accessibility, loading states, and form validation within designs.
• Use Case: Given a feature spec, produce a thumb-zone optimized layout and a step-by-step user flow to guide implementation.

Quick Start

To start, provide a requirements document or feature brief and request: "Design wireframes for the login screen." The skill will return ASCII wireframes, user flows, and cross-cutting sections ready for review.