About Enrichr

Enrichr gives AI assistants a real browser, so they can see how a website is built instead of guessing from a screenshot.

What Enrichr is

Enrichr (enrichr.dev) is a remote MCP server. You connect it once to Claude, ChatGPT, Cursor, VS Code, Windsurf or Cline, then give your assistant a URL. Enrichr opens the page in a real browser and reports what actually rendered: the design system, the fonts, the animations that ran, the WebGL and 3D scene, and the original source when a site publishes source maps.

Why it exists

Hand an assistant a URL and it usually gets one of two things: the HTML the server sent before any JavaScript ran, or a screenshot. Neither says which font actually rendered, how long an animation takes and with what easing, which shader draws a hero, or what a scroll-driven section does. Those only exist once the page is running, so the assistant guesses, and the result looks like a generic version of the site you asked it to match.

Enrichr closes that gap by loading the page the way a visitor’s browser does, interacting with it, and returning measurements instead of impressions.

What it measures

• Structure. The rendered DOM, headings, links, metadata and framework internals.
• Motion. CSS and Web Animations, plus GSAP, ScrollTrigger, Lenis and Framer Motion, with durations, easings and scroll triggers.
• WebGL and 3D. Compiled shaders, uniforms, draw calls and the Three.js scene graph from the live context.
• Design. The computed palette, type scale, spacing, radii and easings, the fonts a page loads, and its assets.
• Source. Recovered source maps, and a full capture that opens offline.

For a single document written for an AI to rebuild a site from, the rebuild_brief tool packages all of it.

How it works

1. Create a free account and connect Enrichr to your assistant (Claude, ChatGPT, Cursor, VS Code, Windsurf, Cline).
2. Ask for what you want in plain language, for example “extract the design system from this URL”.
3. A real Chromium session loads the page, lets it settle, then scrolls and interacts so lazy and scroll-driven content exists.
4. Your assistant receives the measurements, or the brief, and builds from them.

New to it? How to reverse-engineer a live site with Enrichr walks through a real session.

Who it’s for

Designers and developers who want Claude Code, ChatGPT or Cursor to match a reference site rather than invent one. People who need to know which font or animation library a page really uses. Anyone recreating a shader effect or recovering original source from a site’s own source maps. Three tools need no account: the font finder, the color palette extractor and the animation library checker.

Not the gene-set tool

There is a well-known Enrichr in genomics: the gene set enrichment analysis tool from the Ma’ayan Lab. This Enrichr is unrelated to it and analyses websites. When the context is ambiguous, we call this one Enrichr Web Capture.

How we handle what it sees

• Public pages. Enrichr reads what any visitor’s browser receives, and is built for public sites. The gallery and studies on this site publish measurements, not copies of other people’s sites.
• Reference, not republishing. Using a capture to learn from a site or to match a style is different from copying its code, text, images or brand. Our acceptable use policy spells out the line, and is it legal to copy a website design? explains the law in plain terms.
• Your data. What we store and for how long is in the privacy policy; the terms cover the service.

See it

• The gallery: fonts, colors and tech stack of 100+ well-known sites, each captured with Enrichr.
• What 107 top websites use, measured.
• The Enrichr film: a short scroll-driven film about the idea.

Source, questions and feedback

The companion Claude Code skill is open on GitHub; questions and bug reports about it go there as issues. The blog is where new guides and measurements appear.

Start free →