Design Token Platform v0.0.1

Design Token Studio

Configure your design tokens, generate theme files, and export to Stitch. Build premium design systems with confidence.

Define tokens

Set colors, fonts, spacing, and shapes in the Design Studio.

Add rationales

Explain why each token was chosen for your DESIGN.md.

Generate files

Export theme.yaml, DESIGN.md, CSS, and Tailwind config.

Create screens

Use Stitch to generate UI screens from your DESIGN.md.

Generate code

Feed screens to opencode to produce Svelte 5 components.

mystitch/

├── mystitch-server/ Go REST + MCP server

├── src/ SvelteKit web app

├── .opencode/ Agent config

├── theme.yaml Generated tokens

└── DESIGN.md Design rationale

Svelte 5

Tailwind v4

TypeScript

Go Server

Configure tokens, write rationales, preview your design system.

Generate theme.yaml, DESIGN.md, CSS, and Tailwind config.

Save and load token configurations from the Go server.

Quick Start