StyleStrip

01

The problem

People who vibe-code websites usually start from a site they like. A screenshot only gives the AI a rough idea of the style. I wanted the exact values: colours, type sizes, spacing, corner radius, shadows and how the buttons are built.

The pitch I wrote down was simple. Take Apple's whole design system and use it on your own site, with your own taste on top.

02

How it works

Click the icon on any page. StyleStrip reads the styles of every visible element and sorts them into named roles like background, text, primary and text on primary. It builds the type, spacing and radius scales, specs for buttons and cards, and a plain-English summary of the vibe.

Before exporting you can make it yours: change a colour, shift the accent hue, flip light and dark, swap fonts, or add your own notes to the top of the prompt.

03

Testing the prompts

To test it, I stripped carousell.com.my and csspeeper.com, gave each prompt to an AI and had it build the same landing page. Then I went through the prompts and the code that came back with Claude, looking for every place the prompt had misled the AI.

The vibe said "pill-shaped controls" because csspeeper's chips are round, so the AI made every button a pill. The real buttons have 12px corners. Button shape now comes from the actual buttons.

Carousell's surface colour turned out to be a mid-grey from avatars and image placeholders, so the AI ignored it and made up its own. A surface now has to sit close to the page colour.

There were no hover or tint colours, so the AI invented some and broke the prompt's own "only use these tokens" rule. I added hover and tint tokens, and they follow your remixes too.

Later, on mymind.com, the preview put black text on the orange button. mymind wraps its button in a container with the white label on an inner span, so StyleStrip never saw a button and fell back to a rule that picks black on orange. It now reads wrapped buttons and takes the label colour from the text itself.

04

Outcome

I gave the mymind prompt to an AI and asked for a landing page for Murmur, a made-up meeting notes app. It did a good job. It kept the orange with white text on it, the radii and the soft shadows, and swapped mymind's paid Louize font for Instrument Serif, the closest free match. None of mymind's copy or images came across.

05

Where I'm taking it

A tool like this makes copying very easy, and I don't want copying to be the point. What I'm working on now is using a stripped style as a starting point: change it, push it somewhere new, and end up with something that's yours.

You can try it on this site. The button in the corner runs the real StyleStrip code on this page.

Don't just steal the style, steal the thinking behind the style.

Austin Kleon, Steal Like an Artist