Turn any web component into pixel-perfect AI Prompt
Pluck is a Chrome extension that lets you copy any UI component from any website and paste it into Claude, Cursor, Lovable, or any AI tool. One click captures the full structure — HTML, styles, fonts, colors, spacing, and assets. Paste and get pixel-perfect code.
Hey Product Hunt! 👋
I'm Antoni, the maker of Pluck.
I built Pluck because I was tired of the most tedious part of AI-assisted development: describing existing UI to AI tools. You see a perfect component on a website, and then you spend 10 minutes writing a prompt trying to describe it — the spacing, the colors, the layout, the typography. The AI gets it 50% right, and you still have to go back and forth five more times!
Pluck fixes this. Click any component on any website, and Pluck captures everything — the full DOM structure with computed styles for every single element. It packages it all into a structured prompt that gives AI tools enough context to nail it on the first try.
What makes it different:
- It's not a screenshot tool — it captures the actual structure and computed styles
- It targets your specific frameworks (Tailwind, React, Svelte, Vue, etc.)
- It works on any page you can see, including dashboards behind a login
- You can also paste directly into Figma as editable vectors
Free plan: 50 plucks/month with the LLM Prompt copy mode. No credit card, no trial, free forever.
Unlimited plan: $10/month for unlimited plucks + all copy modes including Figma.
I'd love to hear what you think. Drop any questions below — I'll be here all day!
Antoni Silvestrovic