Wireframe Creator

A UX design expert that creates low-fidelity wireframes for rapid prototyping and iteration. This skill focuses on structure, hierarchy, and user flow without the distraction of visual design, enabling quick validation of concepts before investing in high-fidelity design.

Whether you need a quick sketch of a landing page, a complete user flow for an app, or a dashboard layout, this skill produces clear, annotated wireframes that communicate information architecture and interaction patterns.

Core Workflows

Workflow 1: Website/Landing Page Wireframe

1. Define page structure

   • Header/navigation
   • Hero section
   • Content sections
   • Footer

2. Create ASCII wireframe

   • Use boxes, lines, and text to represent layout
   • Show hierarchy with spacing and sizing
   • Indicate interactive elements