1. Inspect
Hover-select on any page. Colors, fonts, spacing, and structure without DevTools soup.
Chrome extension · coming soon
Stop losing the good UI
Hover any live page, copy Tailwind or CSS that actually pastes, frame product shots, and save components for later.
Be first when we launch on Chrome
Paste the real code into Claude
Inspect, copy, and save components from any live page.
Inspect. Copy. Save.
One loop from live sites to a reusable specimen vault — built for Cursor, Claude, and your own stack.
2. Copy
One click for Tailwind, HTML, or CSS — paste straight into your editor or agent.
3. Save
Optional Lab keeps screenshots, prompts, and code in a reusable component vault.
Four surfaces. One extension.
Overview, Inspect, Shot Studio, and Lab — the same side panel, different jobs.
Overview
See the site’s design DNA
Open any page and read palette, type, media, and stack signals before you dig into a single node.
- Color, font, and asset counts at a glance
- Tech hints without opening DevTools
- Jump straight into Inspect from the same panel
- Works offline — no install beyond Chrome
Inspect
Click once. Copy ready code.
Hover any element, preview it live, walk parents and children, then copy Tailwind, HTML, or CSS in one tap.
- Live iframe preview beside the selection
- Tailwind by default — HTML and CSS too
- Re-select without toggling inspect off
- Paste straight into Cursor or Claude
Shot Studio
Frame the capture
Product-shot presets, padding, and shadow — crop starts fit-as-shown so zoom stays yours, not the tool’s.
- Presets for clean product frames
- Padding, border, and soft shadow controls
- Interactive crop without auto-zoom-in
- Export PNG ready for decks and Lab
Lab
Your specimen vault
Save captures with prompts and types into your specimen vault — reusable components ready for Cursor, Claude, or your stack.
- Paste or save from Inspect and Shot Studio
- Prompts travel with every specimen
- Tag by type — marketing, dashboard, landing, and more
- Cloud gallery sync when you want it
Save components, not screenshots
Capture a block, keep the code, attach a prompt, and stash it in Lab. Build a personal library of buttons, heroes, cards, and layouts you can paste into Cursor or Claude later.
- Save to Lab from Inspect or Shot Studio
- Tailwind / HTML / CSS stay with the specimen
- Optional cloud sync to your hub gallery
- Organize by type — marketing, dashboard, landing
Lab
Saved specimens · ready to reuse
Hero CTA row
landing · Tailwind
Pricing table
marketing · HTML
Metric tiles
dashboard · CSS
Save to Lab
Copy code
Add prompt
Get early access
Specimen is almost ready for Chrome. Drop your email and we will notify you the moment it ships — inspect, copy, Shot Studio, and Lab included.
Designers and builders already on the list
Coffee optional. Launch email guaranteed.
FAQs
When does Specimen launch?
Soon. Join the waitlist and we will email you the Chrome Web Store link the day it goes live.
Is Specimen free?
Yes. The full extension will be free. Buy Me a Coffee is optional support — it does not unlock features.
Can I save components for later?
Yes. Save from Inspect or Shot Studio into Lab with code, prompts, and types — then reuse them in Cursor, Claude, or your own projects.
Is copying designs legal?
Specimen is an inspector — same category as DevTools. Learn from structure and tokens; respect copyright for logos and anything you ship commercially.
Works with Cursor / Claude?
Yes. Copy Tailwind or HTML and paste into your agent. Lab prompts travel with saved specimens.