Overview
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.
0 out of 5No ratings
Details
- Version0.1.0
- UpdatedOctober 29, 2026
- Size27.56KiB
- LanguagesEnglish
- DeveloperWebsite
Email
robingnurse@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
Pico UI Spec & Tailwind Prompt Exporter has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
Pico UI Spec & Tailwind Prompt Exporter handles the following:
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site