Measured from Chrome
DESIGN.md copy samples visible DOM nodes and computed styles, not a screenshot guess.
DESIGN.md extractor
Give your AI agent a real design file.
CascadePeek Pro turns the page you are inspecting into a Markdown design context with YAML tokens, measured visual rules, CSS variables, and an agent prompt for Cursor, Claude Code, Codex, v0, Lovable, or Bolt.
Ready for agents
Paste it into `DESIGN.md`, `AGENTS.md`, `.cursor/rules/design.mdc`, or your preferred repo context file.
Includes useful tokens
Colors, backgrounds, font families, type sizes, weights, spacing, gaps, radii, shadows, and CSS custom properties are summarized.
Preview the output
See a sample DESIGN.md before you buy Pro.
AI inputTypical resultWith CascadePeek Pro
ScreenshotAgent guesses colors and spacingPaste measured DESIGN.md first
Short style promptGeneric SaaS UI driftUse real token context
Manual DevTools notesSlow and easy to miss valuesClick DESIGN.md from the inspector
Full page HTML dumpToo noisy for the next build stepUse compact markdown plus YAML tokens
Use it ethically
Use measured styles as implementation guidance for original work. Do not copy trademarks, protected assets, brand identity, or proprietary content.
Pair with AI prompt
Copy DESIGN.md for page-level context, then copy an element-level AI prompt for the exact component you want to rebuild.
Works with private pages
Because CascadePeek runs in your browser, it can inspect normal authenticated pages where a URL-only extractor cannot see the UI.
$19 lifetime
DESIGN.md copy is included in CascadePeek Pro Lifetime with design briefs, component bundles, variables, editing, and authored rules.
Compare options
DesignMD alternative for Chrome-tab extraction and authenticated pages.
URL extractors
Design Extractor alternative when you want browser inspection plus DESIGN.md.
Token workflow
Design token extractor for colors, type, spacing, radii, shadows, and variables.
Pricing
CascadePeek Pro is a $19 lifetime launch license.