WIREFRAME v2

Floom Wireframes v2

2026-05-07  ·  22 files (12 desktop + 10 mobile)  ·  B&W structural wireframes  ·  Refinement notes vs v1 →

Library

library-v1 — Stacked sections. Skills first, agents compact, MCP compact. No sync button.
Desktop Mobile
library-v2 RECOMMENDED — Sticky TOC left sidebar. Skills first. Passive sync status only.
Desktop Mobile

Skill page

skill-page-v1 — App Store style. Simplified add modal: default-to-all agents, expand link only if needed.
Desktop Mobile
skill-page-v2 RECOMMENDED — Sticky TOC left. Same default-to-all add modal. Horizontal jump bar on mobile.
Desktop Mobile

Explore NEW

explore-v1 — Simple grid. Packs at top + individual skills below. Filter chips + search.
Desktop Mobile
explore-v2 — Editorial. Featured pack hero + secondary packs with editor notes + A–Z alphabetical skill index.
Desktop Mobile

Landing

landing-v1 — Sync narrative. Sync diagram hero, 3-step strip, packs below.
Desktop Mobile
landing-v2 — Product-led. Text left, library screenshot right (hero).
Desktop Mobile
landing-v3 — Starter-pack-first. Packs ARE the hero, npx secondary.
Desktop Mobile

Sign in

signin-v1 — Centered card. Single Google CTA. Value props as chips.
Desktop Mobile
signin-v2 — Split layout. Brand pitch + library preview left, sign-in form right. Stacked on mobile.
Desktop Mobile

Key changes vs v1

Library: Skills moved above agents + MCP. "Sync now" button removed — replaced with passive "Last synced 2 min ago" text.
Skill page add modal: Multi-select pickers hidden by default. Default = all agents + default folder. Expand links reveal pickers only if user needs override.
Explore: New page. V1 = simple grid. V2 = editorial hero + A–Z alphabetical index below.
Mobile: All variants now have mobile counterparts. Sidebar TOC → horizontal jump bar. Split layouts → stacked. Sticky bottom CTA on skill pages. Bottom tab bar in Library.