01
02
03
04
Componer desdereal partes.
sSystm Library 42My Library 7
Components
Una biblioteca React compartida.
Vistas previas en vivo in the catalogue — the real component, not a screenshot.
Open catalogueUse in project
Livegerenderte vesun previaen
Save changes
PricingCardMarketing
PreviewCodeProps
Pro€49Choose plan
Impulsado por tokens.siempre markentreu
PrimaryButton.tsx
background: var(--ds-accent);
color: var(--ds-accent-fg);
border-radius: var(--ds-radius);
font-family: var(--ds-font);
Eine biblioteca,cada superficies.
◻UI
Action
▭Form
you@studio.com
▣Marketing
Launch fasterGet started
Tu IA buildscen dein partes.
design·tokens·
A pricing card with highlighted plan
✦ Generated PricingCard.tsx
Live
Pro€49
✓ Added to project — AI can read this link
→ componentees
Una biblioteca React compartida con vistas previas en vivo.
01 Vistas previas en vivo
Jede Komponente rendert live en el Katalog — sieh el real Ding, ningunun Screenshot.
02 Impulsado por tokens
Components pull from tu Sistema de diseño tokens, so the library stays on-brand.
03 Jeel Bereich
UI, forms, marketing — one library shared across tu whole workspace.
04 IA + proyectos
Tu IA writes token-aware TSX; tu team drops components straight into projects.
UI
Desplazar
IA
Tu IA, vía MCP
Tu IA construye UI con tus componentes, no alrededor. Lee sstm://component/recipe para el vocabulario de tokens y luego escribe TSX autónomo y consciente de tokens directamente en la biblioteca compartida — renderizado en vivo en el catálogo.
Cómo funciona la puerta humana
Componentes · Premium — à la carte
Pon Componentes
a trabajar.
Una biblioteca React compartida con vistas previas en vivo.
Inicio de sesión con Cloudflare · workspace principal gratis