Make your Interfaces
Stand out in an era of Slop.
Your agent's favorite UI Library.See the results.Same prompt. Same model. Different tools.
Build a payments dashboard with a sidebar, revenue metrics, a trend chart and a recent transactions table.
What changed on the right.
The right prompt began with /lab, a skill that has your agent find fitting components and Workshop starters before it builds. It styles with your theme's semantic tokens, so the result looks like your product.
The model stays the same; the skill adds a method, and the MCP server adds a reference to check against.
Workshop is an ever-growing index of elements, sections and starters that you and your agent can query.
398 entries across 8 packages, and the count only goes up.
At the small end are 66 elements, the pieces you reach for inside a screen, like Source, Basic and With Contents. Above them sit 17 sections and 71 patterns, among them Banner CTA, Card Testimonials and Badge Row. Then 234 examples that show the parts working together, and 10 starters for when you want a whole page to begin from.
Every entry carries a name, a kind, a package and a stated purpose. That structure is what lets your agent ask for search_workshop("checkout") and get back the right section instead of a guess.
Browse it yourself below.
The same reference for you and your agent.
Through MCP, your agent reads component APIs and examples before writing, so you can ask for a settings panel without spelling out every prop.
You read the docs and your agent queries the same source, which makes its choices easy to review.
Your components. Your agent.One shared source to build from.
Your style, one system.
Set your palette, typography, spacing, and radii in the configurator and export it. Semantic tokens carry those choices to every component in light and dark mode.
You own the look while UI Lab handles the function, so restyling never means rebuilding.
- background
- foreground
- accent
- success
- danger
- warning
- info