AI halüsinasyonlarını durdurun.
AI editörünüz Tailwind CSS'yi biliyor.
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ü).
Yapay zeka asistanları Tailwind CSS'yi neden yanlış anlıyor ve Cherry bunu nasıl düzeltiyor?
Kirazsız
- Yapay zeka, Frutjam'da bulunmayan sınıf adlarını sanrı olarak görüyor
- Belgeleri her komut istemine kopyalayıp yapıştırıyorsunuz, jetonları boşa harcıyorsunuz
- llms.txt her şeyi atıyor; yapay zeka bunalıyor
- Yapay zekanın eski bileşen API'lerini kullanması nedeniyle oluşturulan kullanıcı arayüzü kesintileri
Kirazlı
- Yapay zeka, ihtiyaç duyduğu her bileşen için tam özellikleri getirir
- Doğru zamanda doğru bağlam — jeton israfı yok
- Her zaman en son Frutjam sürümüyle senkronize olun
- Çıktı doğru, anlamsal ve üretime hazır
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 |
|---|---|
| "Bu sayfaya fiyatlandırma bölümü ekleyin" | Gerçek fiyatlandırma bloğu HTML'sini getirir ve içine bırakır |
| "Frutjam'ın hangi rozet çeşitleri var?" | Rozet spesifikasyonunun tamamını alır - sınıflar, boyutlar, durumlar, örnekler |
| "Yaban mersini temasını bu düzene uygula" | Bu tema için tam tasarım belirteçlerini yükler |
| "Bu Bootstrap gezinme çubuğunu Frutjam'a dönüştür" | Frutjam sınıflarını düzeltmek için işaretlemeyi taşır |
| "Bu Figma tasarımını Frutjam HTML'ye dönüştürün" | Figma bağlantısını okur ve Frutjam bileşenleriyle yeniden üretir |
| "Bu sade Tailwind kartını Frutjam'a taşıyın" | Tailwind yardımcı programlarını doğru Frutjam bileşen sınıflarıyla değiştirir |
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-cherry: Running'ı arayın.
Cursor
Ayarlar → MCP'yi seçin. Sunucu, frutjam-cherry'in yanında yeşil bir bağlantı durumu göstermelidir.
Claude Code
Terminalde claude mcp list'i ç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" | get_component'ı çağırır ve tüm spesifikasyonu döndürür |
| "Build me a pricing card using Frutjam" | Kart bileşenini arar ve doğru kodu yazar |
| "Show me the darkberry theme tokens" | get_theme'i çağırır ve tüm CSS değişkenlerini döndürür |
| "Get me the hero block" | get_block'u çağırır ve kopyala-yapıştır HTML'sini döndürür |
| "How do I install Frutjam?" | get_docs'u çağırır ve kurulum kılavuzunu döndürür |
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.