1. Inspect
Hover-select on any page. Colors, fonts, spacing, and structure without DevTools soup.
Free Chrome extension · live now
Stop losing the good UI
Inspect any live site. Copy the design. Save it to Lab.
Free on the Chrome Web Store
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.
One panel, everything
Copy live UI without the DevTools soup
Inspect, frame shots, pull assets, and save specimens — every surface in one Chrome side panel.
Hover-select any element
Click once on any live page. Parents, children, and structure without digging the DOM.
Copy Tailwind, HTML, CSS
One click for clean code that pastes straight into your editor or agent.
Read palette, type & stack
Site DNA at a glance — colors, fonts, media counts, and tech hints before you inspect.
Frame product shots
Shot Studio presets, padding, and crop — fit-as-shown so zoom stays yours.
Pull images, SVGs & fonts
Browse page assets in one place — copy, download, and grab shapes without hunting.
Save components to Lab
Keep code, prompts, and screenshots in a reusable vault — not a screenshot graveyard.
Export a Design MD brief
One-file design context from the page — ready to drop into any AI chat or doc.
Paste into Cursor & Claude
Real code and prompts that agents can use — not screenshots for them to guess from.
Four surfaces. One extension.
Scan the page, inspect code, frame shots, and pull assets — 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
- Design MD export for a one-file design brief
- Jump straight into Inspect from the same panel
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
Assets
Images, shapes, fonts, and color
Pull the page’s media, SVGs, type, and palette into one place — browse, copy, and download without hunting the DOM.
- Images and media counts you can open
- SVGs and shapes ready to grab
- Fonts and type signals at a glance
- Site palette — copy or download
Lab
Save components, not screenshots
Capture a block, keep the code, attach a prompt, and stash it in Lab — 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
Add Specimen to Chrome
Free on the Chrome Web Store. Inspect any live site, copy Tailwind or CSS, frame product shots in Shot Studio, and save reusable components to Lab.
Works on Chrome, Brave, and Edge
Coffee optional. Extension is free forever.
FAQs
Straight answers about install, free forever, AI tools, privacy, and what’s fair game to copy.
Does it work with Cursor, Claude, and other AI builders?
Yes — that’s a core loop. Copy Tailwind, HTML, or CSS from any live element and paste it straight into Cursor, Claude, v0, or your editor. Prefer a brief instead of raw code? Export Design MD from Overview for a one-file design context your agent can read.
How is Specimen different from Chrome DevTools?
DevTools is built for debugging the DOM. Specimen is built for design capture: hover-select on the live page, preview the block, copy clean code in one click, pull colors, fonts, and assets together, frame product shots in Shot Studio, and optionally save reusable specimens to Lab — without hunting nested styles.
What formats can I copy?
Tailwind by default, plus HTML and CSS. Pick the format that matches your stack, copy once, and paste. Selection stays live across Overview, Inspect, and Shot Studio so you don’t restart every time you switch surfaces.
What is Specimen Lab?
Lab is your optional component vault. Save from Inspect or Shot Studio with the code, a prompt, and a type tag (marketing, dashboard, landing, and more). Reopen later, paste into your agent, or sync to the cloud when you want galleries across devices. Saving is optional — inspect and copy work without Lab.
Is Specimen free?
Yes. The full Chrome extension is free — inspect, copy, Shot Studio, Assets, and Lab included. No subscription and no paywalled features. Buy Me a Coffee is optional support only; it doesn’t unlock anything.
Is copying designs legal?
Specimen is an inspector in the same category as DevTools or View Source — it helps you learn from structure, spacing, and tokens on pages you can already see. Respect copyright for logos, brand assets, and anything you ship commercially. Inspiration and study are fine; cloning a product’s identity is not.
Does it work on React, Framer, Webflow, and other stacks?
Yes. Specimen reads the rendered page in your browser, not the original source files — so it works on modern frameworks and site builders we’ve tested (and most others). A few sites with very strict page policies may limit what the side panel can read; everything else stays local to your tab.
Is my browsing data sent to your servers?
Inspection and copy run in your browser on the tab you choose. We don’t get a feed of sites you visit or code you copy. Lab sync and sign-in only send what you explicitly save or use for account email — details in our Privacy Policy.
Where do I get it, and which browsers?
Specimen is live on the Chrome Web Store — free to install. It works on Chromium browsers that support the same extension APIs (Chrome, Brave, Edge).