Tahmin etmeyi bırak.
Frutjam'ı tanıyan yapay zeka.
Cherry, AI kodlama asistanınıza ihtiyaç duyduğu tam Tailwind CSS bileşeni özelliklerini, temalarını, belgelerini ve bloklarını isteğe bağlı olarak, halüsinasyon olmadan besleyen ücretsiz bir MCP sunucusudur (Model Bağlam Protokolü).
Kirazsız
- AI hallucinates class names that don't exist in Frutjam
- You copy-paste docs into every prompt, wasting tokens
- llms.txt dumps everything — AI gets overwhelmed
- Generated UI breaks because AI used outdated component APIs
Kirazlı
- AI fetches the exact spec for each component it needs
- Right context at the right time — no token waste
- Always in sync with the latest Frutjam version
- Output is accurate, semantic, and production-ready
Cherry'nin yapabilecekleri
Sadece ne istediğini açıkla. Cherry, yapay zekanıza onu doğru şekilde oluşturmak için ihtiyaç duyduğu bilgileri verir.
| Yapay zekanıza soruyorsunuz... | Kiraz bunu gerçekleştirir |
|---|---|
| "Add a pricing section to this page" | Fetches the real pricing block HTML and drops it in |
| "What badge variants does Frutjam have?" | Pulls the full badge spec — classes, sizes, states, examples |
| "Apply the blueberry theme to this layout" | Loads the exact design tokens for that theme |
| "Convert this Bootstrap navbar to Frutjam" | Migrates the markup to correct Frutjam classes |
| "Turn this Figma design into Frutjam HTML" | Reads the Figma link and reproduces it with Frutjam components |
| "Migrate this plain Tailwind card to Frutjam" | Replaces Tailwind utilities with the right Frutjam component classes |
Yerleşik AI eğik çizgi komutları
Cherry, en yaygın Frutjam görevleri için hazır istemler içerir. Komutu AI düzenleyicinize yazın, girişinizi yapın ve doğru Frutjam kodunu alın; manuel yönlendirmeye gerek yok.
/figma_to_frutjam
Figma → Frutjam
Bir Figma tasarım açıklamasını veya dışa aktarılan JSON'u yapıştırın. Cherry bunu doğru, kopyalanıp yapıştırılabilir Frutjam HTML'ye dönüştürür.
/image_to_frutjam
Ekran görüntüsü → Frutjam
Bir kullanıcı arayüzü ekran görüntüsünü açıklayın veya bir resim URL'sini paylaşın. Cherry bunu en yakın Frutjam bileşenleriyle yeniden üretir.
/tailwind_to_frutjam
Arka rüzgar → Frutjam
Ham Tailwind HTML'sini yapıştırın. Cherry, el yapımı yardımcı programları doğru Frutjam bileşen sınıflarıyla değiştirir.
/bootstrap_to_frutjam
Önyükleme → Frutjam
Bootstrap işaretlemesini yapıştırın. Cherry, her Bootstrap sınıfını Frutjam eşdeğeriyle eşleştirir ve temiz HTML çıktısı verir.
/generate_theme
Bir tema oluştur
Bir ruh halini, markayı veya renk paletini tanımlayın. Cherry, gerekli tüm CSS değişkenleriyle eksiksiz bir Frutjam teması oluşturur.
＋
Her güncellemeyle birlikte daha fazla bilgi istemi eklendi.
Tüm eğik çizgi komutları Claude Code, Cursor, VS Code ve herhangi bir MCP uyumlu düzenleyicide mevcuttur.
Cherry'nin karşılaştırması
Tüm AI bağlamları eşit değildir.
| Cherry MCP | llms.txt | No context | |
|---|---|---|---|
| Doğru sınıf adları | ✓ | Kısmi | ✗ |
| İsteğe bağlı — yalnızca ihtiyaç duyulan şey | ✓ | ✗ her şeyi döker | ✗ |
| Jeton verimli | ✓ | ✗ | ✓ |
| Her zaman güncel | ✓ | ✓ | ✗ |
| Temalar ve tasarım jetonları | ✓ | Kısmi | ✗ |
| Hazır sayfa blokları | ✓ | ✗ | ✗ |
| Figma / resim → kod | ✓ | ✗ | ✗ |
| Çerçeve geçişi | ✓ Arka Rüzgar, Önyükleme | ✗ | ✗ |
| Tailwind CSS v4 doğru sınıf adları | ✓ | Kısmi | ✗ |
Bir dakikadan kısa sürede kurulum
Başlamak için hesaba gerek yok. Ücretsiz katman, kutudan çıktığı gibi çalışır; yalnızca Cherry'yi düzenleyicinize ekleyin ve başlayın. Lisans anahtarı ve e-posta yalnızca Pro ve Team planları için gereklidir.
Claude Code
Ücretsiz katman hesaba gerek yok
claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latestProfesyonel / Takım lisans gerekli
claude mcp add frutjam-cherry \
--env LICENSE=your-license-key \
--env EMAIL=your@email.com \
-- npx -y frutjam-cherry@latestCursor
İmleç Ayarları → MCP'yi açın ve şunu ekleyin:
Ücretsiz katman hesaba gerek yok
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}Profesyonel / Takım lisans gerekli
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}VS Code
Ctrl+Shift+P → MCP'ye basın: Kullanıcı Yapılandırmasını Aç, ardından şunu ekleyin:
Ücretsiz katman hesaba gerek yok
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Profesyonel / Takım lisans gerekli
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Other editors
Ücretsiz katman hesaba gerek yok
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Profesyonel / Takım lisans gerekli
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Kurulumdan sonra — ilk 60 saniyeniz
Cherry'nin çalıştığını doğrulamak ve oluşturmaya başlamak için üç adım.
Çalıştığını doğrulayın
VS Code
Ctrl+Shift+U → Çıkış açılır menüsünde MCP'yi seçin. Frutjam-kiraz'ı arayın: Koşuyor.
Cursor
Ayarlar → MCP'yi seçin. Sunucu, frutjam-cherry'nin yanında yeşil bir bağlantı durumu göstermelidir.
Claude Code
Terminalde Claude mcp listesini çalıştırın. frutjam-cherry bağlı olarak görünmelidir.
İlk testinizi çalıştırın
AI sohbet panelinizi açın ve şunu yazın:
List all available Frutjam componentsCherry aktifse, yapay zekanız list_components'ı çağıracak ve bileşen adlarının bir listesini döndürecektir. İşte bu, işe yarıyor.
Oluşturmaya başlayın — örnek istemler
| Bunu yapay zekanıza söyleyin | Cherry ne yapar? |
|---|---|
| "Show me how to use the Frutjam button component" | Calls get_component and returns the full spec |
| "Build me a pricing card using Frutjam" | Looks up the card component and writes accurate code |
| "Show me the darkberry theme tokens" | Calls get_theme and returns all CSS variables |
| "Get me the hero block" | Calls get_block and returns copy-paste HTML |
| "How do I install Frutjam?" | Calls get_docs and returns the installation guide |
Cherry'den bahsetmenize gerek yok; sadece ne istediğinizi anlatın. Yapay zekanız doğru aracı otomatik olarak çağırır.
Cherry Pro ve Team'e dahildir
Ücretsiz katman mevcuttur — sınırlı günlük istekler, hesaba gerek yoktur.
Sınırsız istek ve premium bloklara ve AI eğik çizgi komutlarına erişim için Pro veya Team'e yükseltin.
SSS
MCP sunucusu nedir?
MCP (Model Bağlam Protokolü), AI asistanlarının çalışma zamanında harici araçları çağırmasına olanak tanıyan açık bir standarttır. Cherry bir araç sunucusu görevi görür; AI editörünüz, eğitim verilerinden tahmin yapmak yerine, isteğe bağlı olarak Frutjam özelliklerini getirmek için onu çağırır.
Yapay zeka asistanları neden Tailwind CSS sınıfı adlarını sanrı olarak görüyor?
Yapay zeka modelleri, web'in anlık görüntüsüne göre eğitilir; özellikle daha yeni kitaplıklar veya Tailwind CSS v4 API'leri için, belirli bileşen kitaplığınızın tam sınıf adlarını bilmezler. Canlı bağlam olmadan, akla yatkın görünen ancak var olmayan sınıflar icat ederler. Cherry, yapay zekanıza ihtiyaç duyduğu anda gerçek, güncel Frutjam bileşen belgelerini besleyerek bu sorunu çözer ve halüsinasyonları tamamen ortadan kaldırır.
Cherry hangi editörleri destekliyor?
MCP desteğine sahip herhangi bir editör: Claude Code, Cursor, VS Code, Windsurf, Zed, Cline ve MCP standardını uygulayan diğer herhangi bir editör.
Ücretsiz ve Pro/Takım arasındaki fark nedir?
Ücretsiz, size sınırlı günlük istekler ve bileşen belgelerine ve ücretsiz bloklara erişim sağlar. Pro ve Team, sınırsız isteklerin, premium blokların, şablonların ve tüm AI eğik çizgi komutlarının kilidini açar.
Lisans anahtarımı nasıl alırım?
Abone olduktan hemen sonra lisans anahtarınız e-postayla gönderilir. Aboneliğinizi ve lisanslarınızı hesap kontrol panelinizden de yönetebilirsiniz.
Cherry'yi çevrimdışı kullanabilir miyim?
Cherry, lisansınızı ilk kullanımda çevrimiçi olarak doğrular ve ardından 7 gün boyunca yerel olarak önbelleğe alır. Daha sonra tekrar doğrulanıyor. İhtiyacınız olan tek şey kısa bir internet bağlantısı.
İstediğim zaman iptal edebilir miyim?
Evet. İstediğiniz zaman iptal edin. Erişiminiz fatura döneminin sonuna kadar devam eder.
Daha hızlı inşa etmeye hazır mısınız?
Yapay zekanızın ilk istemden itibaren doğru Frutjam koduyla çalışmasını sağlayın.