supaherolisted

# Supahero Supahero (supahero.io) is a **free, no-login curated gallery of website hero-section screenshots** (now owned by screensdesign, per the site banner). It is deliberately thin: a flat, reverse-chronological grid on the homepage; each entry is one static screenshot, a one-line description of the company, a date, and a "Visit Website" link. **No categories, no tags, no filters, no search** were found on the site — selection means scanning the grid with your eyes. There is no code, no live embed, and screenshots freeze all motion. So the site contributes exactly one thing: a dense, pre-curated field of hero references. Everything else — filtering, anatomy analysis, adaptation — is this skill's job: 1. **Selection** — how to scan the grid and pick 2–3 relevant references. 2. **Translation** — a fixed anatomy catalog to run on each reference, then adaptation into the current project's stack. ## Selection - Browse: `https://www.supahero.io` (the entire library is this one grid). - Detail pages: `https://www.supahero.io/hero/<slug>` (e.g. `/hero/zed`, `/hero/better-stack`) — screenshot + link out. Pages are server-rendered and fetchable; screenshots are plain `.webp` images Claude can view directly. - **The live site is the ground truth.** The screenshot cannot show load choreography, scroll behavior, or hover states. Always follow "Visit Website" (or send the user there) before cataloging motion. - Since there are no filters, select by *structural* relevanc