WebSketch Handbook
WebSketch captures any web page into a compact semantic tree built from 22 UI primitives. Where raw HTML burns 50,000+ tokens of div soup, WebSketch produces 200—800 tokens of clean, labeled structure that any text model can reason about.
This handbook covers everything you need to work with WebSketch VS Code effectively:
- Getting Started — Install the extension, capture your first page, and configure settings.
- The Grammar — The 22 roles, symbols, classifier tiers, and cleanup passes that produce the tree.
- Commands — All 6 commands, the 4 export views, and practical use cases.
- Ecosystem — The WebSketch family of tools and how they share a common IR.
- For Beginners — Gentle introduction with a 5-minute walkthrough, common mistakes, and a glossary.
Whether you are pasting trees into ChatGPT, scaffolding components from a capture, or wiring up an AI agent, this handbook has the reference you need.