Preview captures one page. Full site crawls land in the extension, coming soon.
WebForge captures any website as an AI-ready visual blueprint: full page screenshots across desktop, tablet and mobile, an area-weighted colour palette, the fonts actually rendered, image assets, and a crawled sitemap. Instead of describing a design to your agent, you hand it the source of truth so it can rebuild the frontend without drift.
It ships three ways from one capture engine: a free online tool on this page, a Chrome extension for full domain crawls, and the webforge-theatom packages on PyPI and npm for scripts, notebooks and agent pipelines.
Turns a URL into a structured package of multi-viewport screenshots plus JSON design tokens: colours, fonts, images and sitemap.
Developers rebuilding, refactoring or studying sites with Claude Code, Cursor, Windsurf, Copilot, ChatGPT or Gemini.
Not one flat screenshot. Real breakpoints, exact hex values and full-domain context an agent can actually build against.
Every capture complies with the WebForge context specification. It packages visual layouts alongside structural tokens so AI agents can reconstruct frontend code with high precision.
Every capture runs the same pipeline, whether you use the online tool, the extension, or the Python and Node packages.
Paste a link into the online tool, open the extension on any tab, or call capture() from your script. No scheme needed, and an http fallback is built in.
WebForge scrolls the full page past lazy-loaded content, hides sticky headers, and stitches high-fidelity screenshots at desktop (1440), tablet (768) and mobile (390).
It harvests an area-weighted colour palette as exact hex values, the fonts actually rendered, and image assets: the facts a vision model cannot read off a picture.
Screenshots, per-page metadata, a global token file and a crawled sitemap.json are bundled into a clean ZIP, ready to hand to your AI coding agent.
Authentic desktop, tablet and mobile renders at real CSS breakpoints, not one arbitrary width.
Scrolls lazy-loaded content and hides fixed overlays for a seamless top-to-bottom screenshot.
Area-weighted colour palette in exact hex, plus the prominence-ordered font stack.
Discovers and captures same-domain pages sequentially into a structured sitemap.
A tidy ZIP of screenshots plus JSON metadata, designed for AI file tools, not just eyeballs.
Same API on PyPI and npm for notebooks, scripts and agent pipelines.
Everything you need to know about capturing websites with WebForge for AI coding workflows.
WebForge is a free Chrome extension that captures any website into an AI-ready visual blueprint. It stitches full-page screenshots across desktop, tablet and mobile viewports, crawls same-domain pages, and extracts CSS design tokens, fonts and colors so AI coding agents can rebuild the layout accurately.
Yes. WebForge is completely free to install and use. You can download it from GitHub and support development through Buy Me a Coffee.
WebForge output is optimized for Claude Code, Cursor, Windsurf, GitHub Copilot, ChatGPT, Gemini, Lovable, Bolt.new, v0 and any AI coding workflow that accepts screenshots and design-token context.
Unlike a plain screenshot extension, WebForge captures multiple viewports, crawls the whole domain, and exports a structured package containing screenshots plus JSON metadata of colors, fonts and sitemap: everything an AI agent needs to reconstruct the frontend code.
Each export is a ZIP containing a pages/ folder with desktop.png, tablet.png and mobile.png per page, a per-page metadata.json (title, URL, fonts, colors), a global metadata.json with combined design tokens and timestamps, and a sitemap.json of the discovered domain tree.
Yes. The WebForge website has a free online capture tool. Paste any website URL and it instantly returns multi-viewport full-page screenshots (desktop, tablet, mobile) plus extracted colors, fonts and images, downloadable as a ZIP. The online tool captures a single page; installing the extension unlocks full-domain crawling, login and bot-protected pages, and pixel-perfect fidelity.
Yes. The same capture engine ships as webforge-theatom on both PyPI (pip install webforge-theatom) and npm (npm install webforge-theatom), with an identical capture() and crawl() API plus a webforge CLI, ideal for scripts, notebooks and AI agent pipelines.
Vision models are good at layout and poor at precision. WebForge pairs real multi-viewport screenshots with machine-readable design tokens (exact hex colours and the real font stack) so the agent reasons about layout from the image and pulls exact values from the metadata, eliminating colour drift and font guessing.
No. The extension and packages run captures locally in your own browser or environment and export a ZIP to your machine. The free online tool captures a single page on-demand and returns the ZIP to you without retaining it.
Found a bug, want to partner, or just have a question? I read every message that lands at connect.theatom@gmail.com.