Generate AI-ready DESIGN.md from any public website URL.

This tool allows you to paste a public website URL and generate a DESIGN.md file. This structured Markdown file provides AI coding agents with essential design context, including colors, typography, layout, component notes, do's and don'ts, and prompts for AI coding agents.

• Key Features:
• Extracts visual direction from any public URL.
• Generates agent-agnostic Markdown files usable with various AI coding workflows (e.g., Codex, Claude Code, Cursor, Lovable, v0, Bolt, Replit).
• Includes detailed design elements:
• Colors (primary surface, accent action, secondary accents)
• Typography (headings, labels, paragraph rhythm)
• Layout and spacing
• Component notes (nav, buttons, forms, cards, etc.)
• Evidence labels (detected, inferred, needs review) for traceability.
• Handoff prompts for AI coding agents.
• Provides a preview of the generated DESIGN.md and a handoff prompt.
• Focuses on providing structured design context rather than a simple scrape.
• Usage boundaries clearly defined: public HTTP/HTTPS webpages only, no private or logged-in pages, no proprietary asset copying.

Use this tool to capture the visual language of a public website before a rebuild or to provide persistent design context for your AI-assisted UI builds.