Guides
Build it right the first time.
How to turn a design you love into a prompt your AI builder can follow exactly, with real examples.
How to turn a screenshot into a prompt for v0
A step-by-step way to turn any screenshot into a v0 prompt that rebuilds it accurately: what to measure, what to name, and a real example prompt.
6 min read →
Screenshot to Lovable: getting exact colors, fonts, and spacing
Why Lovable’s result drifts from your screenshot, and how to pin down the exact colors, fonts, and spacing so it matches, with a real prompt excerpt.
5 min read →
How to recreate a website animation from a video with AI
How to describe a website animation so an AI builder can rebuild it: sampling frames, writing a timeline with timings and easing, and a real motion prompt.
7 min read →
Why pasting a screenshot into your AI builder doesn’t match (and how to fix it)
Why v0, Lovable, and Bolt rebuild your screenshot “close but not quite”, what gets lost between an image and code, and how to get an accurate first result.
5 min read →
How to give Claude Code or Cursor a DESIGN.md from a screenshot
Turn any screenshot into a DESIGN.md your coding agent builds to: exact colors, fonts, type scale, spacing, and components, kept in your repo. No Figma needed.
5 min read →
Screenshot to Tailwind v4 theme: exact colors, fonts, and spacing
Get a ready-to-paste Tailwind v4 @theme block from any screenshot: color tokens, font stacks, a type scale with line heights and tracking, radii, and spacing.
4 min read →
How to check if your AI-built site matches the design
A practical way to tell whether a v0, Lovable, or Bolt build really matches your reference: what to compare, and how to get a match score and a fix prompt from a link.
5 min read →
How to export design tokens from any screenshot (no Figma needed)
Pull a full design-token set from a screenshot or video: colors, typography, radii, spacing, and shadows, as CSS variables, a Tailwind theme, or W3C tokens.json.
4 min read →
Recast vs pasting a screenshot straight into v0, Lovable, or Bolt
When a screenshot alone is enough, when it isn’t, and what changes when the builder gets a written spec first: accuracy, rounds of fixes, and cost.
4 min read →
Recast vs Figma Dev Mode MCP and pixel-overlay tools
How Recast compares with Figma’s Dev Mode MCP server and overlay tools like PerfectPixel: what each needs as input, what it gives your build, and when to use which.
5 min read →
Try it on your own design.
Drop in a screenshot, hero video, or screen recording, and Recast writes the exact prompt to rebuild it in v0, Lovable, Bolt, Claude Code, or Cursor.
Start free