Imagine

Pick any element on a page and generate a structured imagine.md spec for any AI to rebuild it.

Imagine turns any website's design into a precise spec your AI can actually rebuild from — so you stop burning time and tokens describing a design, and start shipping it. Point at any page, pick a section (or grab the whole page), and Imagine reads the live design directly from your browser — layout, spacing, colors, typography, components, borders, and states — and writes an imagine.md: a clean, structured, model-agnostic spec you paste into Claude, ChatGPT, Gemini, Cursor, Codex, or any AI coding tool. WHY IT'S DIFFERENT Handing an AI a screenshot and saying "build this" wastes tokens and still gets the details wrong — spacing drifts, corners get rounded, colors are approximated. Imagine gives the model the exact blueprint instead of a picture to guess from: • Save time — no more hand-writing design specs or going back and forth fixing the output. • Save tokens — a tight structured spec costs a fraction of pasting images and re-prompting. • Higher fidelity — real color tokens, the full type scale, exact box model and spacing, sharp-vs-rounded corners, and component structure, all captured as text. WHAT YOU GET • imagine.md — a structured design spec (tokens, box model, component hierarchy, states) • Full-page DNA — generate a spec for an entire landing page, plus a full-page screenshot • Page System Language — an instant audit of any site's colors, typefaces, components, and visual language • A bundled screenshot as a visual reference, so the AI has both the spec and the picture • One-click, ready-to-paste prompts tailored to Claude Code, Codex, or Cursor • Recent Captures — your saved specs, each linked to the exact page it came from Free to use. Built for designers, developers, and anyone who wants to rebuild a design with AI — accurately, the first time.