Pick the element
Hover and click any element on the page — a button, a card, a whole section. It's captured only when you trigger it.
Browser extension · from terminal to your interface
Select any element in your live interface, keep what matters, and hand your AI agent the exact context to build from. No describing. No pasting selectors. No guessing what it ships.
For front-end developers, engineers, and vibe designers
who'd rather try things than write paragraphs.
The idea
Skisso is the bridge. Point at what you see on screen and send it straight to where your agent works — so it acts on the real thing, not your description of it.
$ agent build --context ?
▣ selected · sent to agent
How it works
Hover and click any element on the page — a button, a card, a whole section. It's captured only when you trigger it.
Edit the real thing live — spacing, color, type, layout. Keep what works, drop the noise. Nothing ships until you copy.
Hand a clean design patch to your agent — element ref, real changes, intent. It builds what you actually meant.
Better context
The DOM is the baseline. When the agent needs to nail the look — not just the structure — add the layers that make it get things right the first time.
Attach a pixel render of the selection, so the agent sees what it looks like — not just how it's coded.
Drop markers straight onto the element — “make this a toggle”, “tighten this gap” — so intent travels with the pixels.
Overlay spacing and golden-ratio guides so the agent respects your proportions and rhythm, not its own defaults.
Any agent
Skisso isn't tied to one model. Send perfect context to whatever you already build with — your key and your selections stay in your browser.
Product names denote compatibility only. Skisso is an independent tool and is not affiliated with, endorsed by, or sponsored by Anthropic or any other provider.
Early access