Media
4 items
Description
Hit a hotkey, click any element, and an agent-ready CSS selector lands on your clipboard. Built for the AI-assisted dev loop. Pluck removes the slowest step of AI-assisted web development: telling your coding agent WHICH element you mean. Instead of opening DevTools, inspecting, reading the class soup and copying it into chat, you press one shortcut, click the element, and paste. Pluck puts a verified-unique CSS selector — plus just enough context for your agent to pinpoint the element in your source — straight on your clipboard. Works with whatever you pair with: Claude Code, Cursor, Copilot, Codex, Windsurf, or a plain chat window. HOW IT WORKS 1. Press ⌘⇧E (Mac) / Ctrl+Shift+E — or click the toolbar button. 2. Move your mouse: the element under the cursor is highlighted, with a live tag.class#id · W×H label. 3. Need the container instead of the leaf? Press ↑ for the parent, ↓ for the first child. 4. Click (or press Enter). Done — it's on your clipboard. Esc cancels. WHAT GETS COPIED Three formats, switchable in the popup: • Selector — just the unique CSS selector. • + Context (default) — selector plus the element's text and opening tag, so your agent can grep for it. • Full — adds key computed styles (color, background, font, padding, radius) for "make this match" prompts. Paste any of them into your coding agent and it knows exactly what you're pointing at. A SELECTOR ENGINE THAT EARNS THE PASTE • Verified uniqueness: every selector is checked against the live DOM (querySelectorAll must match exactly one node) before it's offered. • Human-readable: machine-generated classes (css-1a2b3c, sc-…, jsx-…, hashy tokens) are filtered out; real class names survive. • Minimal: ancestors and :nth-of-type() are added only when actually needed to disambiguate. • Correct in the weird cases: SVG tag casing (linearGradient) is preserved, identifiers are CSS-escaped. BUILT FOR RELIABILITY The keyboard shortcut is handled by a listener that's already on the page — no service-worker wake-up, no timing races. It fires on the FIRST press, on any site, in Chrome, Edge, Brave and Arc. The selection click never reaches the page (capture-phase handling), so you can pluck buttons and links without triggering them. PRIVATE BY ARCHITECTURE No network. No analytics. No accounts. Pluck only reads the DOM at the moment you invoke it, and stores your format preference, custom shortcut and last 10 captures locally in your browser. Nothing ever leaves your machine. Open source: https://github.com/william-laverty/pluck The popup also keeps your last 10 plucks — click any to copy it again — and lets you record any keyboard shortcut you like.