Overview
Trace any page’s design system — colours, type, spacing, hover states — and send it to Claude, ChatGPT, Gemini, or Cursor.
OnionSkin reads what a live page is actually doing — colours, type, spacing, radii, shadows, and interaction states like hover and focus — then hands you a clear sheet to build from. Not a CSS scraper. It measures computed styles on the live DOM and reads the stylesheet object model for the things computed styles can’t tell you. WHAT YOU GET • Palette — primary, accent, surfaces, text, semantic colours • Type — families, scale, weights, tracking, per-heading specs • Spacing & shape — grid, radii, shadows, pills • Interaction states — hover, focus, active from real stylesheets • Components — buttons, cards, fields, with copy-paste CSS blocks • Confidence scores so you know what’s solid vs guessed SEND TO YOUR AI One click copies a design brief (and screenshot) you can paste into the chat or coding assistant you already use. Switch between a prompt and a system file. Clipboard copy always works as a fallback. FOLIO (OPTIONAL UNLOCK) Keep every snap locally: search, tags, compare two systems token-by-token, match against your own tokens, and export in the formats your workflow already uses. PRIVACY • Uses activeTab — nothing runs until you click Snap • Sheets & screenshots stay on your device • No “read all websites” permission • Licence checks go to Polar only when you buy/activate Folio • Extension pages load no remote analytics OnionSkin is an independent product from BryteLabs. It is not affiliated with any third-party AI products. Website & privacy: https://onionskin.brytelabs.co Privacy policy: https://onionskin.brytelabs.co/privacy Support: hello@brytelabs.co
Details
- Version0.3.4
- UpdatedAugust 21, 2026
- FeaturesOffers in-app purchases
- Size91.91KiB
- LanguagesEnglish
- DeveloperWebsite
Email
hello@brytelabs.co - 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
OnionSkin — Design System Extractor 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.
OnionSkin — Design System Extractor 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
