Guides
How to get a design off a live page, what each method loses, and how to check the copy before you use it.
- How to copy CSS from a website Four ways to copy CSS from any website, what each one loses, and how to get the rules that actually applied: states, breakpoints, layers and tokens intact.
- How to turn a website into a prompt for v0, Claude or ChatGPT Turn any page into one prompt an AI can build from: the palette, the fonts, the repeating components, every section in order, the assets and the motion.
- How to find what font a website is using The font stack lists candidates, the browser picks one. See the family a page actually renders in, with every size, weight and webfont file on it.
- How to convert a website's CSS to Tailwind Get any element off a live page as Tailwind utilities, v3 or v4, with the theme values they depend on, and know which parts do not map to utilities at all.
- How to extract a website's colour palette Get the real color palette of any web page: every colour ordered by how much of the screen it covers, with roles named, contrast checked, exportable as tokens.
- How to copy a component from a website into React Take a card, a nav or a pricing table off a live page and get a React component: JSX with className, the CSS that actually applied, and the tokens it reads.
Straight to the tools
Every tool has its own page with what it does, how to use it and what it will not do: all thirteen tools. For coding agents, the same extraction over MCP: the MCP server.