Next.js Hacker News
Show HN: Pluck – Copy any UI from any website, paste it into AI coding tools
15 points by bring-shrubbery 12 hours ago | 10 comments
  • thepasch
    What does this do other than copy the selected HTML into a new API prompt that says “describe this”?
  • bring-shrubbery
    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
    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
      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
      I was thinking the same. Plagiarism as a service, lol
  • aj-newcode
    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.

    • 4m1rk
      Depending on your OS/screenshot tool, you can bind a key to select an area and copy it to the clipboard, then paste directly into Claude (Ctrl/Command+V). No cluttering.
    • bring-shrubbery
      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
    [flagged]
    • bring-shrubbery
      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 :)