Guides
Short, practical how-tos for pulling design out of any website and giving your AI your taste.
Make your AI redesign your website to look like another site
Point Claude, Cursor or ChatGPT at a site you like and restyle your own to match, without cloning it.
Extract the colors and fonts from any website
Get the palette, fonts, type scale, radii and shadows in seconds. Export CSS, JSON or Tailwind.
Give your AI coding assistant your design taste
Collect the styles you like into taste profiles and feed them to your AI over MCP.
Why does every AI-built website look the same?
The default patterns AI codegen falls back to, and how to break out of them.
How to make ChatGPT match a website's design
Hand ChatGPT the real style, not a description, and it rebuilds your site to match.
Give Cursor, Copilot or Claude a design reference
Paste a reference or serve it over MCP so everything your AI coder builds inherits it.
A free CSS Peeper alternative that also prompts your AI
Read any site's colors and fonts from a URL, plus a prompt to rebuild in that style.
How to make Cursor match an existing website
Give Cursor a site's real design tokens as persistent context so new pages look like they belong.
Give Claude Code a design system from a live website
No Figma needed: lift the tokens from a shipped site and hand them to Claude Code as rules or MCP.
No Figma file? Use the client's live website as Cursor context
Treat a client's production site as the source of truth so your builds stay on-brand.