Pick any element.
Send it to Claude Code.
Hover over any UI element in Chrome, press Alt+S, and LayoutPick captures a markdown description + screenshot — ready to drop into your Claude Code session with /pick.
How it works
Three steps, zero friction
LayoutPick bridges the gap between what you see in the browser and what Claude Code can act on.
Pick an element
Press Alt+S (or click the LayoutPick toolbar button) to enter pick mode. Hover over any element on the page — it highlights in blue. Click to capture it.
It lands in your inbox
LayoutPick writes a markdown description + full-resolution screenshot to your local pick inbox. The extension sends it to the native host running on your Mac in milliseconds — no cloud involved.
Run /pick in Claude Code
Switch to your Claude Code session and run /pick. The element description and screenshot are injected into the conversation automatically. Pick several elements first? /pick 3 sends the last three at once.
Install
Up in two steps
The Chrome extension handles picking; the native installer wires up the /pick command into Claude Code.
Using LayoutPick
Quick reference
Everything you need once it's installed.
Pick an element
Press Alt+S or click the toolbar icon to enter pick mode. Hover to preview, click to capture. Press Esc to cancel.
Send to Claude Code
In Claude Code, run /pick to inject the last captured element — markdown + screenshot — into the current conversation.
Send multiple
Pick several elements in a row, then run /pick 3 (or any number) to send the last n captures at once.
No cloud required
Everything stays local. The extension talks to the native host via Chrome's native messaging API — no data leaves your machine.