wireframe

Make screen structure visible before visual design.

wireframing

What it does

Produces structural screen layouts at wireframe fidelity before visual design.

When to use it

Use for screen wireframing, layout exploration, flow-to-screen translation, prototypes, and structural reviews.

Give it a screen-structure goal; it asks where the wireframes should live and produces the selected artifact.

This skill

browser URL hash

Write

Updates the browser URL hash

browser localStorage

Write

Saves your theme choice

Uses /journey for flow logic and hands back flow problems uncovered during wireframing.

Leaves taxonomy, navigation models, and labeling systems to /organize.

Leaves voice, tone, and final copy to /articulate.