🧩 Blade Schema Playground

Build a screen the way Claude has to — by filling a fixed form.

Add sections and components from the palette, edit their props, and watch the exact JSON spec Claude would return build on the right. Then try to add a raw color and feel the additionalProperties: false guardrail push back.

The builder

title *required subtitle (optional)

`sections`

Live preview approximate — the real app renders these with Blade

What Claude returns (the JSON spec)

🚧 Test the guardrail

The schema has no slot for styling. Try to add your own property to the first component — say a brand color — and watch what happens.

This is the real shape behind the Blade Studio — see src/level2/uiSchema.ts. Notice there's nowhere to put a color, size, or spacing value: Claude picks the components and the copy; the design system owns every pixel.