Atelier
A workshop toolkit for hands-on AI development training. Spin up a fully-wired workspace in one command, explore components live in Storybook, and experiment with the MCP server to see exactly how AI reasons about your component library.
🛠
Workshop Setup
Run one command and get a fully-configured workspace — framework of your choice, library installed, MCP server wired up and ready to go.
📚
Storybook
Browse all 22 components live with interactive controls and real usage examples — the reference participants reach for during exercises.
🔌
MCP Playground
Call the component library MCP server and inspect the structured data AI tools receive — makes the protocol tangible and teachable.
3
Frameworks
22
Components
5
MCP Tools
0
Runtime Deps
The component library
22 LLM-optimized components across Angular, React, and Vue — built with predictable APIs, accessible defaults, and consistent design tokens. Designed to be easy for AI to reason about and humans to learn from.