PageBlueprint - Website to DESIGN.md & AI Context

Capture a website’s design system as evidence-backed Markdown context for AI coding agents. Local-first, no account.

Point PageBlueprint at any page and it measures what is actually on screen — colour, type, spacing, corners, shadows, components, layout — then writes it out as Markdown your coding agent can follow. WHY IT IS DIFFERENT Most extractors count declarations: a colour named 200 times in a stylesheet looks important. PageBlueprint ranks by painted area, so the brand colour covering a hero outranks a grey that appears everywhere and is barely visible. That is how a designer reads a page, and it is why the output is usable rather than a dump. EVERY CLAIM CARRIES ITS EVIDENCE Nothing is asserted without a label: Measured read directly off the rendered page Worked out computed from measurements by plain code Our best guess a heuristic — usually about what to call something Couldn't see we tried and failed, and we say so A cross-origin stylesheet the browser will not let us read is reported as unreadable, not quietly filled in with an assumption. Each capture gets a completeness score with an itemised list of what pulled it down. WHAT YOU GET DESIGN.md the design language, written for a coding agent tokens.json colour, type, spacing and surface tokens COMPONENTS.md detected components with real CSS per variant STRUCTURE.md page map, sections and layout ACCESSIBILITY.md contrast and semantics findings you can verify LIMITATIONS.md everything the capture could not establish SKILL.md drop-in context for agent tooling screenshots full-page and per-section Export the whole folder, a ZIP, or a single file. FIVE WAYS TO CAPTURE Quick the page as it stands Deep scrolls, expands, and collects far more Component pick one element and study just that Journey record a flow across several states Compare diff two captures, or two sites PRIVACY, PLAINLY · No account, no server, no analytics, no tracking. · Captures live in your browser and nowhere else. · The extension ships with no site access at all. It asks for one origin at a time, when you capture it. · Password, payment and other sensitive fields are never read, and are blanked in the page before any screenshot is taken. AI IS OPTIONAL The whole tool works with no AI and no key. If you want a written summary or a naming pass, add your own AI key. You see the exact request before it is sent, including which host would receive your key. Nothing is sent otherwise. Captured page text is marked in the export as data rather than instructions, so a page cannot smuggle directions into a brief your agent later reads.