I built a Chrome extension that lets you copy any UI component and paste it into AI coding tools
You know the workflow. You see a beautiful component on some website — a pricing card, a navbar, a hero section — and you want something like it in your project. So you open your AI tool and start ...

Source: DEV Community
You know the workflow. You see a beautiful component on some website — a pricing card, a navbar, a hero section — and you want something like it in your project. So you open your AI tool and start typing: "Make a card with rounded corners, a subtle box shadow, the title in 18px semibold, padding maybe 24px, the button is blue — no, more like indigo — with white text..." Three prompts later, it still doesn't look right. You're spending more time describing the design than it would take to just code it. This felt broken to me. The component is right there on your screen. Every color value, every pixel of spacing, every font weight — your browser already knows all of it. Why are we translating visuals into words for an AI to translate back into code? So I built Pluck. What it does Pluck is a free Chrome extension. You click any component on any website, and it captures the full picture — DOM structure, computed styles for every element, layout relationships, images, icons, SVGs — and pack