EXT-MOCK / DESIGN INDEX / 9 SHORTLISTED

SWAMP_EXTENSIONS

Nine shortlisted takes on the extensions browse page. Each one runs as a self-contained HTML file with the same 24-extension dataset. Click through to compare conciseness, filter affordances, and how loud the page lets itself be.

// goal: deliver similar information more concisely
// goal: rethink filters — keep, simplify, or replace
// goal: match the calm of the home page while keeping cyberpunk identity

01 Designs 9 / 9

10 Jobs-To-Be-Done Six task tiles ("Inventory", "Audit", "Notify"…). Click a job to filter the inventory list. Discovery by intent, not type. outcome-first tiles onboarding 11 Two-Pane Master/Detail Mail-app split. Left: dense list. Right: sticky preview pane with description, score breakdown, README excerpt, install snippet. split-pane preview desktop 12 Top Chip Bar + Cards App-Store style. One horizontal scrolling chip bar merges all filters. Below: 16:9 editorial cards with subtle per-type tints. chip-bar editorial spacious 13 Carousel Rows Netflix-style. Six themed horizontal carousels (Most Popular, Recently Updated, AI & Eval…). Discovery is curation. browse-y horizontal-scroll netflix 18 Author-Clustered Group by namespace. Each author gets a header with monogram, count, mean score, and a profile link. Community-first framing. grouped authors-as-citizens community 19 Quiet List (home-aligned) Adopts the home page's exact idiom verbatim — numbered headers, gap-px panels, no chips. Restraint as a feature. home-aligned monochrome calm 04 Sidebar Facets Persistent 260px left rail with collapsible facets and counts. Selected filters summarized as removable chips above the calmer card grid. faceted sidebar desktop-first 06 Cmd-K Search-First Spotlight-style giant input. Live filter, arrow-key navigation, "/" focus, query highlighting. Filters subordinate to typing. search-only keyboard-first raycast 07 Categorized Sections Vertical sections per content type (Models, Workflows, Drivers…) with a sticky scrollspy nav and "→ See all N" links. by-category scrollspy catalog

Brief Each design uses the same 24-extension dataset (_DATA.md) and answers the same brief (_BRIEF.md). Compare like-for-like: which design lets you find the extension you want fastest? Which feels least out of place next to the home page? Which would you actually want to ship?