The fast way
- Open the style extractor and paste the URL of the site whose look you want.
- Click Extract. You get the site's colors, fonts, type scale, corner radii and shadows.
- Click "Copy for your AI". It copies the full style plus a short redesign instruction.
- Paste it into your AI along with your own page or component, and ask it to apply the style.
Why not just say "make it look like stripe.com"?
Left to memory, an LLM guesses and drifts to the generic mean. Handing it concrete values - the exact colors ranked by use, the real fonts and sizes - grounds the redesign in what the reference actually uses, so the result looks intentional instead of approximate.
Keep it original, not a clone
Apply the direction to your own content. Do not copy their text, logos, or reproduce their layout one-to-one. You want the taste, not a duplicate, so a good prompt tells the AI to extract direction and use it on your material.
For repeatable, accurate results
The extractor reads CSS statically, which is fast but not pixel-exact. For accuracy, and to reuse styles across projects, the SlopScrub extension captures the live rendered styles and whole sections into named taste profiles, and a hosted MCP server feeds them to your AI on demand.