This is a practical walkthrough, from a one-line prompt to a typed, themeable screen running in your app, without ever leaving your editor. The whole loop is built around the MCP server so the output is real, not approximate.

Why it matters

Odyssey is built code-first: strict types, RSC-safe components and a bundle budget measured in kilobytes. Everything in this post follows from that one decision: design and code share the same tokens, so what you see in Figma is what ships to production.

Where to go next

Browse the blocks library to see these ideas in practice, or wire up the MCP server so your AI tools build against the real component API instead of guessing. Either way, you own the code, with no lock-in.