JSON Schemes
Copy-ready JSON for variables, styles, and components. One place for boilerplates — whether you paste into Token Commander or Component Builder.
Use a skill when you want a custom scale or structure. Use these pages when you want a known baseline.
Schemes
| Page | Runs in | What you get |
|---|---|---|
| Minimal design system | Token Commander | Size → type → text styles (run in order) |
| Layout | Token Commander | Spacing and dimension tokens |
| Button | Token Commander + Component Builder | Styles tab + component tab (placeholder JSON for now) |
More schemes (other components, theme packs) can be added here as flat siblings.
Complete component path
Typical flow later: generate styles (and variables) first, then a component scheme that binds to those styles — so the built component arrives with variables attached. Button is the first combined example (tabs for styles vs component).
Related
- Token Commander — execute variable / style JSON
- Component Builder — execute component JSON
- Skills — AI generates the same shapes on demand
FAQ
Yes. Start with the minimal design system, then layout if you need spacing tokens. Run blocks in the order shown so bindings resolve. Paste into Token Commander.