Ideas Revamp — Interactive Mockups
Locked scope 2026-08-20 · Prototype only, fake data · Click any screen. Toggle "Before/After notes" (top right) to show/hide what changed vs today.
i Why this revamp (from the 2026-08-20 audit)
Today
- Saving from phone = screenshot → open Safari → navigate → upload (~60s)
- Inspiration folders load raw full-res images — 100-image folder can pull hundreds of MB
- No pagination anywhere; folder list fetches EVERY image of EVERY folder
- No attribution, no comments/reactions on saves; folders-only browsing
After this revamp
- Save in one tap: iOS share sheet, paste-URL, drag-drop, browser extension
- Masonry moodboard, CDN thumbnails, cursor pagination — folder opens <2s
- Browse two ways: folders AND boards + tags (same saves)
- Every save attributed (Max/Bijan/Roman/Nikki) + comments & emoji reactions
- Kanban unchanged, just faster (code split, paginated, skeleton loaders)
Moodboard
One shared inbox of saves. Same saves, two views. Click any save to open detail.
i Before / After — Moodboard
Before (audit §3, §4)
- Folders-only; uniform grid; raw full-res images, no lazy loading
- Folder list downloads all images across all folders just to show covers
- No tags, no attribution, no way to see who saved what
After (scope §5)
- Pinterest-style masonry with CDN-resized thumbnails + cursor pagination
- Boards + tag chips AND classic folders — toggle above, both work here
- Saver avatar on every card (Max, Bijan, Roman, Nikki)
Capture Flows
See something anywhere → saved to the shared inbox with your name on it. All three flows are interactive below.
i Before / After — Capture
Before (audit §5)
- No PWA manifest, no share target, no navigator.share — nothing mobile-native
- Instagram save = screenshot → open Safari → navigate → upload (~60s)
- Desktop: drag-drop only, uploads run sequentially (10 images = 10 round trips)
After (scope phases 2–3)
- iOS share sheet via installable PWA + Web Share Target — save in <5s
- Desktop paste-URL box AND drag-drop, parallel uploads
- Browser extension: right-click any image → "Save to Spoils"
📱 Mobile — iOS share sheet 1New: PWA + Web Share Target. Today there is no share-sheet entry at all (audit: no manifest.json found). Tap the Spoils icon.
Spoils
💬
Messages✉️
Mail📝
Notes📡
AirDrop🖥️ Desktop — paste URL / drag-drop 2New paste-URL box (didn't exist). Drag-drop existed but uploaded serially; now parallel. Try dragging anything over the zone, or hit Save.
Add to Moodboard
Drag images here
parallel upload · HEIC ok · lands in inbox
parallel upload · HEIC ok · lands in inbox
✓ Saved to inbox · Max · tagged inbox
🧩 Extension — right-click save 3New Chrome MV3 / Safari extension (scope phase 3, ~2 days). Auth via existing spoils.ai session. Click the highlighted menu item.
pinterest.com / vintage-poster-type
Some page text around the image…
✓ Saved to Spoils inbox — attributed to Bijan
Ideas Kanban — After
Locked decision: layout and workflow unchanged. Speed fixes only.
i Before / After — Kanban (audit §4, §9)
Before
- 3,024-line Ideas.tsx monolith; entire ideas table fetched in one query, no limit
- All cards in all columns rendered at once — no windowing
- Blank board while the full fetch resolves
After (scope phase 1)
- Same board, code split into components; paginated queries (.range + infinite scroll)
- Skeleton loaders during fetch — hit "Simulate reload" below
- Parallel image uploads; missing migrations backfilled