wireframing
Creates wireframe layouts and structural diagrams for UI screens, defining content hierarchy, component placement, responsive behavior, and grid structure. Use when sketching or producing a wireframe, mockup, or lo-fi page layout for a new screen; when restructuring an existing page's content priority; when validating UI structure or page layout with engineering; or when communicating responsive behavior across breakpoints.
Pinned to revision 1bca4bbdf059, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/wireframing/SKILL.md
- skills/wireframing/references/content-hierarchy.md
- skills/wireframing/references/layout-systems.md
- skills/wireframing/references/wireframe-patterns.md
Every link opens the file at its source, pinned to the revision this page describes.