Pico UI Spec & Tailwind Prompt Exporter
picolabs.app · Developer Tools
Media
1 item
Description
Export a UI spec and Tailwind prompt for Claude Code or Cursor in 1 click. Describing a UI to Claude Code or Cursor in words is slow and lossy. You screenshot a button you like, type that it is kind of rounded with a soft shadow, and the AI guesses wrong padding, wrong font weight and the wrong layout. Then you spend three more prompts nudging it toward something you could already see on the page. Pico UI Spec & Tailwind Prompt Exporter replaces the guesswork with one click. Press Pick Element on Page, hover the site you are looking at, and click the element you want. The extension reads the computed styles of that exact element, filters out browser defaults and noise, maps the values to Tailwind v4 utility classes, captures the parent flex or grid context so the layout survives, and builds a structured Markdown prompt that you paste straight into Claude Code, Cursor or any AI coding assistant. The prompt includes the selector path, the filtered CSS, the Tailwind classes and the layout notes, so the model rebuilds the component faithfully on the first try. The popup keeps your last capture with Copy Prompt and Copy Tailwind buttons. Everything happens locally in your browser. The extraction is deterministic DOM and CSS parsing with no AI call, no server and no API key, so there is zero per-use cost and nothing about the sites you inspect is uploaded anywhere. The extension can only touch the tab you are on after you click it, and it never runs in the background. The only network calls are anonymous usage counters (installed, action triggered, action succeeded, upgrade clicked) with a random install ID, no IP address and no page content. Built for front-end developers, indie hackers, designers who code and anyone who vibe-codes with AI tools. Use it to match a design reference, rebuild a legacy component in Tailwind, document a design system token by token, or hand a precise spec to a teammate. You get 5 free element extractions to try it on your own projects. Pro unlocks unlimited extractions for $12 per month or a one-time $23 lifetime license, processed securely by Stripe Checkout and unlocked with an offline license key. To activate, click Enter Key in the popup footer, paste your key and press Apply. Pick, paste and ship.