wireframe-ideation

Installation
SKILL.md

Wireframe Ideation — Structure Before Screens

Overview

The first draft's only job is to get ideas out of your head and onto the screen. Structure (flows, IA, content) comes before frames; quantity comes before quality; converging comes last. Connections between screens are more expensive to rethink than the screens themselves — validate them first.

When to Use

  • Kicking off any multi-screen design: app feature, site section, redesign, new product
  • One screen with an unknown layout — before drawing the "obvious" version
  • A team arguing about page content or navigation with nothing visual on the table
  • Breaking "first sketch became the shipped design" habits — forcing real alternatives
  • NOT for: refining a chosen direction — that's layout/composition work, past ideation
  • NOT for: visual design, spacing, type, or color decisions — wrong fidelity entirely
  • NOT for: validating whether the problem is worth solving — do discovery first

Structure First: Flows, IA, Content Inventory

Installs
1
First Seen
Aug 8, 2026
wireframe-ideation — jpoindexter/wireframe-skills