Show HN: Pluck – Copy any UI from any website, paste it into AI coding tools

9 pointsposted 9 hours ago
by bring-shrubbery

10 Comments

thepasch

2 hours ago

What does this do other than copy the selected HTML into a new API prompt that says “describe this”?

bring-shrubbery

9 hours ago

Hey HN! I built Pluck — a free Chrome extension that lets you click any component on any website and copy it as a structured prompt for AI coding tools (Claude, Cursor, v0, Bolt, etc.). You can also export directly into Figma!

It (should) work on any page, including ones behind auth, since it runs entirely in your browser.

Tech stack for the curious: Plasmo for the extension, Next.js + Hono + tRPC for the web/API, Drizzle + Postgres for the DB, all in a Turborepo monorepo.

Free tier gives you 50 captures/month (should be plenty). Unlimited is $10/mo.

Would love feedback — especially on the capture quality and whether the prompts it generates actually produce good results in your tool of choice.

apothegm

9 hours ago

This sounds like a copyright violation machine.

I say that both as someone who writes vooyrighted code and someone responsible for ensuring my company’s code doesn’t violate anyone else’s copyright.

bring-shrubbery

8 hours ago

Valid concern, but I guess screenshot feature on every computer could also be considered as copyright violation.

You're right though - don't use this tool to violate copyright please :)

mavamaarten

5 hours ago

I was thinking the same. Plagiarism as a service, lol

bring-shrubbery

3 hours ago

If you love plagiarising, I will not be able to stop you :(

aj-newcode

5 hours ago

Nice idea.

Is 'plucking' something and pasting the prompt into Claude the same as taking a screenshot and uploading it to Claude?

I tend to upload screenshots a lot. If 'plucking' essentially does the same thing, without cluttering my desktop with screenshots, I'd be interested in trying it out.

bring-shrubbery

3 hours ago

It's not, it actually currently doesn't even take screenshots. It actually looks at the html and includes actual structure and values from the webpage.

Thanks for asking, maybe I should make it clearer on the website I would also add a screenshot functionality later, if people feel like current approach is not enough.

JaceDev

8 hours ago

does this handle complex tailwind layouts or just

bring-shrubbery

8 hours ago

Yeah, it should perform well with complex tailwind classes, and if not, there's a "this did not work" feedback button. I'll work on fixing anything that get's lost in translation :)