Pluck
Copy any component from any website.
Overview
Every developer has seen a component on some website and wanted exactly that. The usual workflow is screenshots, dev tools archaeology, and a rough re-implementation that never quite matches.
Pluck cuts that out. You select a component on any website, copy it, and paste it into Claude, Cursor, Figma, or any AI tool. What lands on the other side is pixel-perfect code, not a screenshot for the AI to guess at.
The Challenge
A component on a real website is tangled up with the rest of the page: inherited styles, framework classes, scripts, and assets. Grabbing the markup alone gives you something broken. Pluck has to extract a component with everything it needs to stand alone, and package it so AI tools produce faithful code from it.
Results
Pluck is live at pluck.so and has become part of how we build our own products: when a design reference exists, we pluck it instead of describing it to the model.
Lessons Learned
- Feed AI structure, not pictures: a model given real markup and styles reproduces a design far better than one given a screenshot
- Build tools you use daily: our own development workflow is the first and harshest test user