WebSketch Extension Handbook
Welcome to the WebSketch Extension Handbook — your guide to capturing web pages as structured grammar-based intermediate representation (IR) directly from Chrome.
What is WebSketch Extension?
Section titled “What is WebSketch Extension?”WebSketch Extension is a Chrome extension that captures the DOM of any web page and converts it into WebSketch IR — a grammar-based UI representation designed for LLMs. One click captures the page structure, styles, element bounds, and positioning, then copies the result to your clipboard.
Handbook sections
Section titled “Handbook sections”- Beginners — New to WebSketch? Start here for a guided walkthrough
- Getting Started — Install, load the extension, and capture your first page
- Reference — Capture settings, output format, validation, and development workflow