Tanecik UI

Tüm Tanecik projelerinin ortak arayüz dili. Yapay zeka buradaki MCP sunucusundan kural, token ve bileşen kaynağını okur.

Yapay zekaya bağla

claude mcp add --transport http tanecik-ui https://ui.tanecik.com/mcp

Araçlar: list_components, get_component, get_tokens, get_guidelines, setup_project. Bileşen kurulumu:

npx shadcn@latest add https://ui.tanecik.com/r/button.json

Renkler

elektrik-moru
#8B5CF6
teknoloji-mavisi
#2563EB
neon-turkuaz
#00C9A7
enerji-turuncusu
#FF6B35

Bileşenler

Buton ve rozet
Varyantlar token renklerini kullanır.
yenitaslakçözüldübekliyorhata
Form
Base UI primitive'leri üzerine.

Kayıt (14)

themeTanecik tema tokenları (renk, radius, koyu tema, kaydırma çubuğu).json
utilscn() yardımcı: clsx + tailwind-merge.json
buttonButon. Varyant: default|outline|secondary|ghost|destructive|link. Boyut: xs|sm|default|lg|icon*.json
badgeRozet. Varyant: default|secondary|destructive|outline|ghost|link|success|warning.json
cardKart: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.json
inputMetin girişi (Base UI Input).json
separatorAyırıcı çizgi.json
switchAç/kapa anahtarı (Base UI Switch).json
progressİlerleme çubuğu.json
sparklineKüçük çizgi grafik (0-100 değerler, primary renk).json
logoTanecik logosu. variant=mono (currentColor) | freeform (gradyan). Başka renk verilmez.json
page-titleSayfa başlığı: lucide ikon + h1. Sekme/menü ikonu ile aynı ikon kullanılır.json
skeletonYükleniyor iskeletleri (Skeleton, TitleSkeleton, RowsSkeleton) ve pageMain sınıfı.json
copy-blockKopyala butonlu komut/kod bloğu.json