[ MCP ] 12 tools · streamable http
Give your coding
agent taste.
An MCP server that hands your agent a direction, exact tokens and a page structure to build against — then re-opens what it shipped and grades it.
- Band allocation
- 10 of 10 pass
- Palette conformance
- 0 off-palette pass
- Mechanism budget
- 2 of 2 pass
- Motion probe
- 1440 · 390 · reduced pass
- Scroll-linked bands
- 1 of 3 allowed under
mosaic.paltouch it
Clients this server connects to — each with the config that client parses
Claude Code
one command
Cursor
mcpServers json
Codex
four fields
Windsurf
mcpServers json
VS Code
mcpServers json
Not customers — clients. Shapes verified against each vendor's own docs.
03 — The tools
Twelve tools. Six of them free.
The calls that plan a page cost nothing, because a plan you cannot afford to iterate on is a plan you will not iterate on. The two that spend real money — an image model and a critique — are the two that price like it.
SHOWING 12 OF 12 TOOLS · 16 CREDITS
balance, and what a page will costFree
the one non-obvious true thingFree
the direction, out of seventeen1 cr
tokens, fonts, coded recipes1 cr
the silhouette and its budgetsFree
one build spec per bandFree
verified modules, into your repo1 cr
icons chosen from a bundled indexFree
palette-constrained brand imagery3 cr
how a section type is usually built1 cr
a slot to put the build inFree
re-measure the DOM, and grade it9 cr
- Palette conformance
- Accent band
- Motion probe
- Mechanism budget
- Distinctiveness
04 — The loop
It grades the page it just built.
Seven calls from a brief to a page that has been measured. The last one is the point: the server re-opens what your agent shipped, measures the live DOM against the same rubric it planned from, and tells you where it fell short.
- 01Derive the conceptThe one non-obvious true thing about this product, as nouns to draw — never copy.Free
- 02Choose the directionOne of seventeen, penalised against every page the registry has already seen.1 cr
- 03Fit the design systemTokens, a loadable type pairing, and the accent fitted into the direction's own band.1 cr
- 04Allocate the pageWhich bands, in what order, which break the container, and where the budgets go.Free
- 05Spec every bandLayout, measured rhythm, what the visual is, and what it becomes at 390.Free
- 06Deliver the modulesThe verified motion primitives, written into your repo as files you can read.1 cr
- 07Grade what was builtRe-measure the live DOM against the same rubric, and say what is wrong with it.9 cr
- Brief
- Direction
- Tokens
- Silhouette
- Blueprints
- Modules
- Verdict
05 — How to use it
Add it once, then just ask.
There is nothing to configure and no template to pick. You install the server in whichever client you already use, and then you ask your agent for a page in a sentence.
- Claude Code
- Cursor
- Windsurf
- VS Code
- Codex
- No SDK
06 — Connect it
Five clients. Five different shapes.
Run it anywhere. --scope user keeps the key out of your repo. Every other client gets its own shape on the dashboard — Cursor and Windsurf disagree about the key that names the URL, and pasting one into the other gives you a server that silently never connects.
07 — The verdict
It grades its own work too.
This page was built with the tools above and put through the same review. Open the drawer and you get the rubric as it ran here — including the one check this document does not satisfy.
review_page · 5 checks · run against this document
08 — Start
Your agent already writes the markup.
What it does not have is a reason to choose one layout over another. That is the part this server supplies.
Get a key_Free tier · no card12 credits per pagehttps://superrr.design/api/mcp