Layouts

Named layout patterns for consistent structure.

#What Layouts does

A catalogue of layout patterns — single, two-column, sidebar-main and more — with cell specs, reusable across every wireframe.

  • Named patterns. Single, two-column, sidebar-main and more — a shared vocabulary for page structure.
  • Cell-count specs. Each pattern declares its cells, so wireframes built on it are structurally valid by construction.
  • Consistency across screens. Reusing patterns keeps twenty screens feeling like one product, not twenty decisions.

#On the MCP surface

Layout patterns give your AI the structural vocabulary of your product — it composes screens from your named patterns instead of inventing new grids.