Design-to-prompt, done right

Turn any website section into an AI-ready build prompt

Capture the screenshot, layout, and design context of any section. Then generate a precise, builder-specific prompt for Cursor, v0, Lovable, Claude, and more. Stop describing designs from memory.

Free forever. No credit card. Chrome extension included.

See how it works

CAPTURED SECTION
Hero#2563eb16/24/32flex
GENERATED PROMPT FOR CURSOR

Build a hero section with a centered headline,

supporting paragraph and two CTAs. Use a

blue primary (#2563eb) with a flex layout,

24px gap, and 32px section padding…

Copied

Generate prompts tuned for the tools you already build with

Cursorv0LovableBoltClaudeFramerWebflowEtchWP
example.com
Hero, click to capture
SPECSHOT
Capture section
Upload screenshot
Chrome extension

Capture from any site, right in your browser

Open the SpecShot side panel on any page, hover to outline a section, and click to capture. The extension grabs the screenshot and design context. Then it lands in your library, ready to prompt.

  • Works on any public website
  • Hover-to-select with a live outline
  • Capture only runs when you click. Nothing auto-uploads.
  • Or skip it and upload a screenshot from the portal
How it works

Capture. Document. Prompt.

Three steps from a design you like to a brief an AI agent can actually build from.

Step 1

Capture

Use the Chrome extension to select any section (a hero, a pricing table, a navbar). SpecShot grabs the screenshot, layout, styles, content, and animation cues.

Step 2

Document

Every capture becomes structured context: design tokens, spacing scale, responsive behavior, and a detected section type. It lives in your library, never as runnable code.

Step 3

Prompt

Generate a precise, builder-specific prompt in one click. Copy it, export Markdown/JSON, or hand it straight off to GitHub, Linear, or a webhook.

Everything you need

A capture pipeline built for AI development

From capture to one-click handoff, SpecShot covers the whole path from idea to implementation.

High-fidelity capture

Screenshots plus layout, type and spacing scales, focus and active states, and responsive notes. The context an AI agent actually needs.

Builder-specific prompts

Tuned templates for 9 targets including Cursor, v0, Lovable, Bolt, Claude, Framer, Webflow, and EtchWP. Not one generic blob.

Custom templates

Create your own prompt templates with a live preview, then reuse them across every capture in Prompt Studio.

Semantic search

Bring your own OpenAI key and search your library by meaning. Find that pricing section from three projects ago in seconds.

Handoffs

Push prompts to GitHub issues, Linear, or any webhook so a capture flows into the work your team already runs.

Share & review

Send a read-only share link to a client or teammate and collect approvals or change requests on each capture.

White-label exports

Agency plan strips SpecShot branding and applies your studio's name and footer to every Markdown export.

Team workspaces

Invite your team, organize captures into projects and client folders, and keep everyone working from the same context.

Builder-specific

One capture, the right prompt for every tool

A prompt that works for Cursor isn't the prompt v0 or Lovable wants. SpecShot tunes the context to each target: component conventions, styling approach, and how much design detail to include.

  • Quality levels from quick draft to production-grade
  • Markdown & JSON exports with full capture data
  • Version history on every generated prompt
  • Reuse tracking so your best captures rise to the top
Explore all features
GitHub issue handoff
Linear handoff
Custom webhooks
Semantic search
Custom templates
Client share links
9
AI builder targets
1-click
Prompt to handoff
JSON-safe
Captures, never code
Captures on Agency
Loved by builders

Briefs that build the first time

I used to screenshot a section and write a paragraph hoping the AI got it. Now I paste a SpecShot prompt and the first result is usable.
Maya R., Freelance developer
The Linear handoff is the part I use most. Capture a section, send it to the backlog, done. No context lost.
Devin K., Product engineer
White-label exports mean I send clients clean briefs with our studio's name on them. Looks professional, saves hours.
Sofia L., Agency founder
Pricing

Start free, scale when you do

Three simple plans. No per-prompt nickel-and-diming.

Free
$0/mo
Try it solo
  • 10 captures / mo
  • 20 prompts / mo
  • All 9 builders
  • Markdown & JSON export
Most popular
Pro
$19/mo
For weekly client work
  • 200 captures / mo
  • 500 prompts / mo
  • Up to 3 team members
  • Public share links
Agency
$79/mo
For studios
  • Unlimited captures
  • Up to 15 members
  • White-label exports
  • Client folders
FAQ

Questions, answered

Is SpecShot a website cloner?
No. SpecShot is a design-to-prompt documentation tool. It captures the visual and technical context of a section so you can brief an AI builder accurately. It never reproduces or republishes a site, and captured DOM is stored as JSON, never as runnable code.
Which AI builders are supported?
Nine targets today: Cursor, v0, Lovable, Bolt, Claude, Framer, Webflow, generic React, and EtchWP. Each gets a prompt tuned to how that tool likes to receive context.
Do I need the Chrome extension?
It is the fastest way to capture, but it is not required. You can upload a screenshot from the portal and generate a prompt from that just as well.
Can I use my own AI key?
Yes. Add your OpenAI key in settings to turn on semantic search across your library. Prompt generation works out of the box.
Is there a free plan?
Yes. You get 10 captures and 20 prompts a month, forever, no card required. Upgrade to Pro or Agency when you need more volume, team seats, share links, or white-label exports.

Build faster, from the very first prompt

Capture your first section in minutes. Free forever, no credit card required.