[ MCP SERVER / 8 TOOLS ]
Agent-built pages that don’t look agent-built.
superrr serves your coding agent one measured design direction — hex, px and ms, never adjectives — drawn from 132 real SaaS sites.
Build the landing page for our invoicing beta — it can’t look generated.
- 14:02:07get_design_directions1 DIRECTION
- 14:02:11create_design_system42 TOKENS
| direction | quiet-ledger | 1 of 17 |
| background | #0B0E14 | dark |
| cta | #3D6BF4 | radius 0px |
| h1 | 56px / 550 | -0.5px |
| motion | 180ms | cubic-bezier(0.2, 0, 0, 1) |
| font | Söhne → Inter | ⚠ licensed |
14:02:16 get_page_structure
SPEAKS MCP — WORKS WITH EVERY AGENT THAT DOES
- Claude Code
- Cursor
- Windsurf
- Cline
- Zed
- Codex CLI
- Gemini CLI
- VS Code
| REF | SECTION | H2 PX | MOTION |
|---|---|---|---|
| ref-4b1e6694 | hero | 64 | 150ms |
| ref-63ccca98 | features-grid | 44 | 525ms |
| ref-672980a7 | nav | — | none |
| ref-9d21c633 | testimonials | 40 | 650ms |
| ref-1f08ab52 | pricing | 36 | 200ms |
| ref-c57e0d19 | cta-banner | 52 | 150ms |
[ EVIDENCE / CORPUS ]
Hex, px and ms — never adjectives.
132 crawled sites, 1,561 classified sections, 17 curated design directions. Every token superrr serves is a value somebody measured, with the reference it was measured from.
Motion is measured from live pages, not guessed from screenshots — durations and easing curves are recorded per reference site, then served to your agent as concrete numbers. References stay anonymized: opaque ids, no browsable index, prose scrubbed of every corpus brand.
[ TOOLCHAIN ]
Eight tools that agree with each other.
From direction to review, every call answers from the same 132-site corpus — a whole page build is about 33 credits.
- 01
get_design_directions
Describe the product; one curated direction comes back, chosen server-side from 17.
- 02
create_design_system
Full tokens as CSS variables, a Tailwind theme and loadable fonts. Hex, px, ms.
- 03
get_page_structure
The section skeleton, the page's silhouette and the build order, corpus-derived.
- 04
get_section_blueprint
A concrete spec per section: measured rhythm, copy shape, mobile behaviour.
- 05
search_references
The most instructive corpus references for what you are building. Anonymized.
- 06
generate_icons
Library icons matched to the direction's family and weight, at 0 credits.
- 07
generate_image
Palette-locked spot art, only when — and where — the direction wants any.
- 08
review_page
Deterministic palette conformance plus a visual critique. Iterate to pass.
[ REVIEW LOOP ]
Watch one build run from direction to pass.
review_page streams its critique live — every issue names the viewport-height frame it was seen in.
- 00:12AGENTscreenshot 1440×8093 uploaded · 2.1 MB
- 00:31SUPERRRpalette conformance: 0 off-token colours in 14,208 sampled px
- 01:04SUPERRRframe 6/11 — “quote measure runs 82ch; bring it under 60”
- 01:38SUPERRRverdict: revise · 2 issues · re-review after fixes
[ PROTOCOL ]
One command in, a reviewed page out.
- 01
Connect
One claude mcp add --transport http command. Your agent has all 8 tools.
- 02
Build
The agent pulls its direction, tokens, structure and per-section blueprints as it writes the page.
- 03
Review
review_page critiques the screenshot until the verdict is pass. A whole page is about 33 credits.
[ REVIEW TRANSCRIPTS ]
The reviewer reads every frame before you ship.
“The pricing table's middle tier renders 13px smaller than its neighbours — one type scale, not three.”
“The marquee shows 1.2 legible wordmarks at 390. Stack it or drop it.”
“Re-review after fixes: 0 off-token colours in 14,208 sampled pixels.”
[ SUPERRR / CONNECT ]
Paste one command. Build a page that passes.
claude mcp add --transport http superrr https://mcp.superrr.dev
BUILD 0032 · CONSUMPTION
| TOOL | CALLS | CREDITS |
|---|---|---|
| get_design_directions | 1 | 1 |
| create_design_system | 1 | 3 |
| get_page_structure | 1 | 2 |
| get_section_blueprint | 10 | 10 |
| search_references | 2 | 2 |
| generate_icons | 2 | 0 |
| generate_image — direction wants none | 0 | 0 |
| review_page | 3 | 15 |
| verdict: pass | 20 | 33 |