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 ...

By · · 1 min read
I built a Chrome extension that lets you copy any UI component and paste it into AI coding tools

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

Related Posts

Trending on ShareHub

  1. Understanding Modern JavaScript Frameworks in 2026
    by Alex Chen · Feb 12, 2026 · 0 likes
  2. The System Design Primer
    by Sarah Kim · Feb 12, 2026 · 0 likes
  3. Just shipped my first open-source project!
    by Alex Chen · Feb 12, 2026 · 0 likes
  4. OpenAI Blog
    by Sarah Kim · Feb 12, 2026 · 0 likes
  5. Building Accessible Web Applications: A Practical Guide
    by Alex Chen · Feb 12, 2026 · 0 likes
  6. Rapper Lil Poppa dead at 25, days after releasing new music
    Rapper Lil Poppa dead at 25, days after releasing new music
    by Anonymous User · Feb 19, 2026 · 0 likes
  7. write-for-us
    by Volt Raven · Mar 7, 2026 · 0 likes
  8. Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    by Anonymous User · Feb 12, 2026 · 0 likes
    #coffee gets cold #the #time travel
  9. Best DoorDash Promo Code Reddit Finds for Top Discounts
    Best DoorDash Promo Code Reddit Finds for Top Discounts
    by Anonymous User · Feb 12, 2026 · 0 likes
    #doordash #promo #reddit
  10. Premium SEO Services That Boost Rankings & Revenue | VirtualSEO.Expert
    by Anonymous User · Feb 12, 2026 · 0 likes
  11. NBC under fire for commentary about Team USA women's hockey team
    NBC under fire for commentary about Team USA women's hockey team
    by Anonymous User · Feb 18, 2026 · 0 likes
  12. Where to Watch The Nanny: Streaming and Online Viewing Options
    Where to Watch The Nanny: Streaming and Online Viewing Options
    by Anonymous User · Feb 12, 2026 · 0 likes
    #streaming #the nanny #where
  13. How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    by Anonymous User · Feb 12, 2026 · 0 likes
    #kindle unlimited #subscription #unlimited
  14. Russian skater facing backlash for comment about Amber Glenn
    Russian skater facing backlash for comment about Amber Glenn
    by Anonymous User · Feb 18, 2026 · 0 likes
  15. Google News
    Google News
    by Anonymous User · Feb 18, 2026 · 0 likes

Latest on ShareHub

Browse Topics

#ai (4174)#news (2459)#webdev (1735)#programming (1321)#business (1136)#opensource (1020)#security (960)#productivity (919)#/business (815)#javascript (776)

Around the Network