Pinpoint

🎯 Point at exact elements · 🧩 capture the exact context · ⚡ ship UI fixes faster

Pinpoint turns a single click into structured, code-aware context your agent can actually use. You point at the exact element and send the exact selector, styles, and source location.

Instead of uploading screenshots, wasting credits on image interpretation, or forcing AI to search the whole codebase for one small change, your agent can fix it fast.

Add to Chrome — free+No account needed · 5 picks/day free
app.acme.com/pricing
Point at any element…
get the exact context.
Start free trialbutton.cta · 152×38
.ctaMCP
InspectStylesSource
background#3b82f6
padding8px 14px
font-size14px
Pricing.tsx:42
~128 tokSendCopy

Stop guessing.
Start pointing.

Pinpoint gives AI the exact UI context it needs to act fast. No vague screenshots, no long explanations, and no wasted tokens trying to locate one small change in a large codebase.

Exact targeting

Click the element you want to change.

Faster fixes

Send the right classes, selectors & edits instantly.

Lower AI spend

Avoid wasting credits on screenshot interpretation.

Less searching

No need to inspect the entire codebase for one fix.

Hand off to your agentTry Now

Built to feed coding agents,
not just human eyes.

Two things set Pinpoint apart from a devtools inspector — and they’re the two that save you the most tokens.

MCP handoff

Your agent pulls the element you picked directly over MCP — no copy-paste.

Source → file:line

On dev builds, resolve the component and the exact line that rendered it.

AI actions

Generate a fix prompt, or ask Claude inline with your own key.

Export anything

Clean HTML, CSS & JSX; assets; the palette; or styles as Tailwind.

Inspect any siteTry Now

Hover to inspect.
Click to capture everything.

See the essentials on hover, then capture the whole element into structured, code-aware context — the target and the change you want.

Typography

Font family, size, weight, line-height & letter-spacing at a glance.

Colors

Text, background & border colors — copy as hex, rgb or hsl.

Spacing & box

Padding, margins, gaps and the box model — no DevTools needed.

Robust selectors

Stable, readable selectors with a confidence score on every pick.

Up and running
in 30 seconds

1

Install the extension

Add Pinpoint to Chrome and pin it. No setup, no config, no code changes.

2

Open any site

Open any page and start inspecting — hover to inspect, click to capture.

3

Copy & ship faster

Copy structured context or send it over MCP, with the exact selector and source.

Start free.
Upgrade when it pays for itself.

Free covers daily inspection. Pro unlocks the agent integrations — MCP handoff, source mapping, AI actions and export.

Free
$0
forever

For trying it out.

Install free
  • 5 picks per day
  • Inspect + copy context
  • 4 context modes
  • Fonts & eyedropper
  • Chrome, Edge, Brave, Arc & Firefox
ProPopular
$6
per month

For developers shipping UI with AI.

Get Pro
  • Everything in Free, unlimited picks
  • MCP handoff to Cursor / Claude Code
  • Source → file:line mapping
  • AI actions (bring your own key)
  • Component & asset export
  • Palette, multi-pick, responsive, a11y & Tailwind
Lifetime
$59
one-time · early-bird $39

Pay once. Pro forever.

Buy lifetime
  • Everything in Pro, forever
  • License-key activation
  • Up to 3 devices
  • All future Pro updates

Prices in USD. Payments handled by Dodo Payments (merchant of record).

Frequently asked questions

Does Pinpoint send my page content anywhere?

No. Inspecting and capturing happen 100% locally in your browser. Your page content only leaves your device if you explicitly send a pick to your own local MCP server, or use “Ask Claude” with your own API key (which goes directly to Anthropic, not to us).

Which browsers are supported?

Chrome, Edge, Brave and Arc (all Chromium) plus Firefox — one extension. It works on production sites, staging, and localhost.

How does the MCP handoff work?

You run a tiny local MCP server (npx @pinpoint/mcp), pair it with the extension once, and Cursor or Claude Code can pull your latest pick directly with a tool call — no copy-paste.

Do AI actions cost extra?

No. AI actions are bring-your-own-key — you paste your own Anthropic API key and it’s used directly from your browser. Pinpoint never sees your key or charges you for inference.

What’s in the free plan?

5 picks per day, full inspection and copy, all four context modes, fonts and the eyedropper, on every supported browser. Pro unlocks unlimited picks plus MCP, source mapping, AI actions and export.

Can I get a refund?

Yes. Payments are handled by Dodo Payments (our merchant of record); refunds follow their policy and revoke access automatically.

Less guessing.
Less frustration.
Faster fixes.

Stop burning time on vague prompts, repeated explanations, and AI retries that miss the point. Pinpoint hands your agent the exact UI context to make the right change — fast.

Free plan available · No account needed · 30-second setup