Item logo image for Pluck — copy any element for your AI agent

Pluck — copy any element for your AI agent

5.0(

2 ratings

)
ExtensionDeveloper Tools3 users
Item media 4 (screenshot) for Pluck — copy any element for your AI agent
Item media 1 (screenshot) for Pluck — copy any element for your AI agent
Item media 2 (screenshot) for Pluck — copy any element for your AI agent
Item media 3 (screenshot) for Pluck — copy any element for your AI agent
Item media 4 (screenshot) for Pluck — copy any element for your AI agent
Item media 1 (screenshot) for Pluck — copy any element for your AI agent
Item media 1 (screenshot) for Pluck — copy any element for your AI agent
Item media 2 (screenshot) for Pluck — copy any element for your AI agent
Item media 3 (screenshot) for Pluck — copy any element for your AI agent
Item media 4 (screenshot) for Pluck — copy any element for your AI agent

Overview

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.

Details

  • Version
    1.2.0
  • Updated
    June 16, 2026
  • Offered by
    William Laverty
  • Size
    28.77KiB
  • Languages
    English
  • Developer
    William Laverty
    26 Durville Cres Griffith, ACT 2603 AU
    Email
    developer@william-laverty.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Google apps