Pluck
Turn any web component into pixel-perfect AI Prompt
Start new thread
Antoni Silvestrovic

Pluck - Turn any web component into pixel-perfect AI Prompt

by
SquircleJS
•
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.

Add a comment

Replies

Best
Antoni Silvestrovic
Maker
📌
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!
Taimur Haider

Congrats on the launch, @bring_shrubbery! This solves a massive headache for anyone using Cursor or v0.


I spotted a value leak on your page, though. You mention that Pluck targets specific frameworks like Tailwind and React, but your Free plan only lists "Copy as LLM Prompt."


If I’m a dev, I need to know now if it fits my stack. By hiding the framework-specific output in the unlimited plan, you might be making the free tool look like a basic copy HTML extension.

Why not give users a few Premium Plucks for free so they can actually see the pixel-perfect Tailwind code?

That’s the 'Aha!' moment that gets people to pay $10/mo.

Antoni Silvestrovic
Maker

@taimur_haider1 Hey Taimur, it's actually not hidden under unlimited plan. You can specify your stack in the "settings" after you select element to pluck. You also don't really need to do that as LLM will pick up your stack - unless it's a completely new project. Btw, copy to Figma is also coming to the free plan in an upcoming update.

The main strength of Pluck is the precise context it provides to the LLM. There's nothing that we hide under the paid plan except for usage amount, and we believe the free tier should be enough for most developers.

Having said that, I do agree that UI should be clearer, to make the choices more obvious - will work on that! If you will have more feedback feel free to send me an email or just click the "this did not work" button on plucks that did not work for you. Also if you'd use this often I could offer you an Unlimited plan for free, let me know :)

Taimur Haider

@bring_shrubbery Hey Antoni, I’d like to take you up on that! I’m using Cursor for a few projects right now, so I’ll definitely be putting Pluck to work.

I’ll shoot you a message on LinkedIn so we don't get lost in the Product Hunt notification chaos. It’ll be easier to send over some proper feedback and screenshots there anyway.

Congrats again on the launch!