UIDrop

UIDrop is a Chrome extension that closes the gap between web inspiration and AI coding. Instead of manually inspecting elements and guessing at values, you open any live site, run UIDrop, and it reads the design tokens directly from the DOM — colors, typography, spacing and shadows — and packages them into a system.md file plus an automatic screenshot. From there it's a one-click export into the AI tool you already use: Claude, Cursor, ChatGPT, Gemini, Lovable or Manus. Because the specs are pixel-accurate rather than described in prose, the code your LLM generates actually matches the aesthetic you were referencing. UIDrop also detects light and dark variants automatically, and every capture is stored in a Snap Library so you can build up a personal history of design references and reuse them later.