Astra + Fable / Experimental

Keep the intent.
Check the interface.

Give your coding agent a shared set of design rules. See where a rendered interface falls short, then review the correction.

Try the interactive demo Connect your agent

Try the sample in your browser. No account, install or AI call.

MEMBER PROFILEOne intentionally small button

A small detail. An explicit rule.

How your team sees you.

A familiar interface with something easy to miss.

Display name
Studio member
Review name
24px button · This project's rule: at least 40px.
Illustrative preview. Open the demo to measure it live.

For individual builders

Turn a finding
into a next step.

Check a supported local project, select the findings that matter, and prepare a brief for your coding agent. Review its suggested changes, then check the same targets again.

Build with a coding agent →

For product & design-system teams

Your rules.
Reviewable evidence.

Adopt a reviewed constitution, keep private check history, and compare equivalent runs. Use your existing Git review and CI permissions to decide what ships.

Evaluate with your team →

From a design decision
to something you can check.

For teams building with coding agents, and people who want to understand what those agents are following. Start with one button. Keep every claim tied to a rule or a measurement.

01

Make the rules available

The public MCP gives compatible coding agents access to the same design contract: tokens, component rules and decisions.

02

Look at what rendered

The local verifier checks configured static interfaces and trusted React/Vite production previews in Chromium. Findings name the rule and the observed result.

03

Review, then recheck

Preview a correction before applying it. Recheck the result. The local workflow rejects stale repair packets and supports guarded undo.

Start without code

See the difference
for yourself.

Measure a sample button, inspect a supplied correction and recheck it. The demonstration stays in this page.

Explore the sample →

Bring it to your workflow

One contract.
Your choice of agent.

Connect a client to the read-only MCP, or install the experimental local verifier for supported static HTML, CSS and JavaScript, or a trusted local React/Vite production preview.

Choose your setup →

Useful boundaries

Know what a check
can tell you.

This is experimental software. The browser demo checks one supplied sample; the local verifier checks configured static UI journeys and selected measurements in React/Vite previews.

It does not establish complete accessibility, general framework support or autonomous repair accuracy. A supplied correction is an example you can reproduce.

Explore the v0.9.0 design contract →