Zusammensetzen ausréel parties.

sSystm Library 42My Library 7

Components

Une bibliothèque React partagée.

Aperçus en direct in the catalogue — the real component, not a screenshot.

Open catalogueUse in project

Livegerenderte aperçus

Save changes

PrimaryButtonTSX✓

Solid accent CTA — token-aware, ready to drop in.

uicta

PricingCardMarketing

PreviewCodeProps

Pro€49Choose plan

Piloté par tokens.toujours markentreu

PrimaryButton.tsx

background: var(--ds-accent);

color: var(--ds-accent-fg);

border-radius: var(--ds-radius);

font-family: var(--ds-font);

Eine bibliothèque,chaque surfaces.

◻UI

Action

▭Form

you@studio.com

▣Marketing

Launch fasterGet started

Votre IA buildsavec dein parties.

design·tokens·

A pricing card with highlighted plan

✦ Generated PricingCard.tsx

Live

Pro€49

✓ Added to project — AI can read this link

→ composants

Une bibliothèque React partagée avec aperçus en direct.

01 Aperçus en direct

Jede Komponente rendert live dans le Katalog — sieh le réel Ding, kun Screenshot.

02 Piloté par tokens

Components pull from votre Design system tokens, so the library stays on-brand.

03 Jele Bereich

UI, forms, marketing — one library shared across votre whole workspace.

04 IA + projets

Votre IA writes token-aware TSX; votre team drops components straight into projects.

Découvrir Composants

Défiler

Votre IA, via MCP

Votre IA construit l'interface avec vos composants, pas autour. Elle lit sstm://component/recipe pour le vocabulaire des tokens, puis écrit du TSX autonome et conscient des tokens directement dans la bibliothèque partagée — rendu en direct dans le catalogue.

Comment fonctionne la validation humaine