01
Pick real UI
Select the exact element your coding assistant needs to understand.
Local-first Chrome™ extension for AI coding handoff
Turn real UI feedback into AI-ready evidence
Working in Codex, Claude Code, Cursor, or Windsurf? Select a real page element or local build component. FrontCap captures source hints, DOM, computed CSS, visual features, and optional screenshots, then exports a focused Markdown handoff.
Local capture by default
Markdown for AI coding tools
Screenshots stay opt-in
14-day free trial — no credit card to start.
02
Describe the change
Add your request and opt into screenshot evidence only when needed.
03
Paste the handoff
Copy Markdown with source hints, DOM, CSS, visual notes, and screenshot links.
A local handoff layer for AI-assisted frontend work
Use FrontCap after visual review, design inspiration, or UI iteration when your coding assistant needs exact page evidence.
Pick the element
Open the side panel, enter picker mode, and select the UI surface that needs attention.
Add intent
Write the change request in the popover and opt into a screenshot only when visual evidence matters.
Bundle evidence
Selectors, source hints, DOM, computed CSS, pseudo-elements, assets, and visual limitations are captured locally.
Export Markdown
Choose captures, keep the token budget visible, and paste the Markdown handoff into Codex, Claude Code, Cursor, Windsurf, or any assistant that reads Markdown.
See the real capture-to-handoff flow
Watch how FrontCap turns a page element into structured evidence for your coding assistant.
Evidence for coding assistants, not guesswork
The page context a frontend agent needs — gathered locally, organized for Markdown handoff.
Pick any element
A robust selector bundle pins the exact node, so your assistant edits the right thing.
Source location
Read-only source hints from the page and framework dev runtime — no markers injected into your page.
Computed CSS & visuals
Resolved styles, pseudo-elements, and visual features — labelled as browser values, never claimed as source.
Element screenshots
Opt-in per capture, off by default. Saved to your Downloads and linked from the Markdown.
Markdown-first export
Built for Codex, Claude Code, Cursor, Windsurf — and any tool that reads Markdown.
Local-first & private
Captured content never leaves your machine. Only sign-in and subscription checks touch the network.
Simple pricing
Start with a 14-day free trial. Then pick what fits — a quick burst, a monthly plan, or pay once for a year.
POPULAR
Pro Monthly
$2.99 / month
- Everything in Day Pass
- Auto-renews monthly
- Cancel anytime
Frequently asked
Is my page data uploaded anywhere?
No. FrontCap captures DOM, CSS, screenshots, and your notes entirely on your machine — the extension uploads none of it. Only sign-in and subscription checks talk to the network. Note that when you paste the exported Markdown into a cloud coding assistant, that content travels to that assistant's provider as part of your paste. See our Privacy Policy.
What's in an export?
Your annotation, the selected element, source location, a DOM snapshot, computed CSS, pseudo-elements, visual features, an optional screenshot reference, and capture notes — all as Markdown.
How do screenshots work?
Screenshot files are saved in the Downloads folder configured in Settings. When you want to provide a screenshot to a coding assistant, upload the image separately yourself; exported Markdown does not embed screenshot image data.
Which coding assistants does it work with?
Any tool that reads Markdown — Codex, Claude Code, Cursor, Windsurf, and others. FrontCap doesn't call any model itself; it just hands you clean, pasteable evidence.
Is FrontCap affiliated with Claude Design or Anthropic?
No. FrontCap is independent and not affiliated with Anthropic. It complements Claude Design-style workflows by capturing real webpage evidence locally and exporting Markdown you can paste into Claude Code or another coding assistant.
Does it work on localhost or local files?
Yes. For local dev servers, FrontCap requests access to localhost when you turn capture on. For file:// pages, enable “Allow access to file URLs” on the extension's details page.
How does billing work?
Every new account gets a 14-day free trial. After that, choose a Day Pass, Monthly, or Yearly plan. Payments are handled by Paddle, our Merchant of Record — FrontCap never sees your card details. Cancel a monthly plan anytime; access continues to the end of the paid period. See our Terms.