Integration
Tostada's output is three files. This section is about how to consume each one in the place it belongs.
- Integrating tokens.css — drop-in stylesheet for any component (or non-component) app
- Feeding design-system.md to AI agents — Claude Code, Cursor, v0, Claude.ai Project memory
- Using design-system.json — structured form for custom tooling
- Re-importing a library — round-tripping the library JSON back into Tostada
The mental model
| File | Goes to |
|---|---|
tokens.css |
Your app's stylesheet pipeline |
design-system.md |
Your AI tool's context (Claude Code, Cursor, v0, …) |
design-system.json |
Custom tooling, linters, future Figma sync |
library.json (export) |
Backups and machine moves; back into Tostada |
The three Documentation exports are outbound — they feed downstream consumers. The library JSON is inbound — it restores editor state. Don't mix them up.