Mobiscroll MCP

npx add-mcp 'https://mcp.mobiscroll.com'

Mobiscroll, kodlama asistanlarının scheduler, etkinlik takvimi, zaman çizelgesi ve picker kodlarını doğru şekilde üretmesi için bir MCP sunucusu ve ajan becerileri sunar - Claude Code, Codex, Cursor ve GitHub Copilot için, makine tarafından okunabilir dokümantasyon ve AI davranış kurallarıyla birlikte.

Neden AI entegrasyonu?

AI kodlama asistanları, yapılandırılmış ve yetkili dokümantasyona erişebildiklerinde en iyi şekilde çalışır. Bu olmadan, genellikle:

• API'leri hayal ederler — var olmayan seçenek adları, olaylar veya türler icat ederler
• Framework'leri karıştırırlar — React hooks ve JSX yerine Angular modül importları veya jQuery plugin sözdizimi kullanırlar
• Eski sürümlere atıfta bulunurlar — mevcut sürüm v6 iken v5 kodu üretirler
• Framework kurallarını görmezden gelirler — @mobiscroll/react'den adlandırılmış importları atlarlar veya CSS importunu ihmal ederler

Mobiscroll AI entegrasyonu, AI tüketimi için optimize edilmiş dokümantasyon sağlayarak ve framework izolasyonunu ile doğru API kullanımını zorunlu kılan davranış kurallarını birleştirerek bu sorunları çözer.

Mimari genel bakış

Entegrasyon üç katmandan oluşur:

Veri katmanı — llms dosyaları

Framework başına bir tane olmak üzere, tam Mobiscroll API referansını ve kılavuzlarını içeren makine tarafından okunabilir dokümantasyon dosyaları. AI araçlarının soruları yanıtlamak için okuduğu gerçek kaynak bunlardır.

Dosya	Açıklama
llms-react-full.txt	Tam React dokümantasyonu
llms-react.txt	React içindekiler tablosu (bireysel sayfalara bağlantılar)
llms-icons.txt	İkon adları (IcoMoon, Font Awesome, Ionicons) — tüm framework'ler

[!-info] -info info

Bu dosyaları indirmenize veya barındırmanıza gerek yok — kurallar dosyaları ve Claude Code ile Codex eklentileri bunlara doğrudan atıfta bulunur ve içeriklerini otomatik olarak getirir.

Kurallar katmanı — kurallar dosyaları

Kurallar dosyaları Mobiscroll bağlamını yalnızca Cursor ve GitHub Copilot'a sağlar. Claude Code ve Codex bunun yerine Mobiscroll eklentisini kullanır — manuel dosya kurulumu gerekmez.

İki yaklaşım mevcuttur:

• Seçenek A — dosya tabanlı bağlam yükleme. Bir kurallar dosyası (Cursor için .mdc, Copilot için .instructions.md) API dokümantasyonu ve davranış kurallarını içerir. MCP sunucusu gerekmez.
• Seçenek B — MCP sunucusu aracılığıyla canlı şema getirme. Genişletilmiş kurallar dosyaları, AI'ya her üretimde canlı bileşen şeması aramaları için Mobiscroll MCP sunucusunu çağırmasını söyler. Sorgu başına hassasiyet gerektiren etkileşimli kodlama ajanları için uygundur.

Tercihinize ve kurulumunuza göre seçim yapın.

Dosyalar

Seçenek A — dosya tabanlı kurallar:

Dosya	Biçim	İçin
mobiscroll-react.mdc	Cursor kural dosyası	Cursor
copilot-instructions/mobiscroll-react.instructions.md	Copilot talimat dosyası	GitHub Copilot

Seçenek B — MCP ile genişletilmiş kurallar:

Dosya	Biçim	İçin
mobiscroll-ui.mdc	Cursor genişletilmiş kural (orkestratör)	Cursor
mobiscroll-ui-react.mdc	Cursor genişletilmiş kural (React)	Cursor
mobiscroll-ui-theming.mdc	Cursor genişletilmiş kural (tema)	Cursor
mobiscroll-ui.instructions.md	Copilot genişletilmiş talimat (orkestratör)	GitHub Copilot
mobiscroll-ui-react.instructions.md	Copilot genişletilmiş talimat (React)	GitHub Copilot
mobiscroll-ui-theming.instructions.md	Copilot genişletilmiş talimat (tema)	GitHub Copilot

Hangi araç hangi dosyaları kullanır?

Araç	Yaklaşım	Kullanılan dosyalar
Cursor	Seçenek A	mobiscroll-react.mdc
Cursor	Seçenek B	mobiscroll-ui.mdc, mobiscroll-ui-react.mdc, mobiscroll-ui-theming.mdc
GitHub Copilot	Seçenek A	mobiscroll-react.instructions.md
GitHub Copilot	Seçenek B	mobiscroll-ui.instructions.md, mobiscroll-ui-react.instructions.md, mobiscroll-ui-theming.instructions.md

Canlı şema katmanı — MCP sunucusu

Mobiscroll MCP sunucusu, Model Context Protocol üzerinden yapılandırılmış, sürüm damgalı API bilgisi sunar. Tek ve birleşik bir sunucudur: bu UI bileşen araçlarını açığa çıkaran aynı mobiscroll sunucusu, Connect önekiyle Mobiscroll Connect araçlarını da sunar, böylece asla çakışmazlar. Dokümantasyon anlık görüntülerine güvenmek yerine, bir asistan üretim anında tam bileşen şemasını, geçerli props/olayları veya çalışan bir örneği getirmek için bu araçları çağırabilir — böylece asla hayal ürünü kod üretmez veya mevcut API'den sapmaz. Açığa çıkardığı şeylerin tam listesi için MCP araç referansına bakın.

https://mcp.mobiscroll.com/ adresinde barındırılan bir Streamable HTTP sunucusudur — yerel kurulum gerekmez. Cursor ve GitHub Copilot için isteğe bağlıdır (yalnızca Seçenek B'yi seçerseniz kullanılır) ve eklenti aracılığıyla Claude Code ile Codex için paketlenmiş/her zaman açıktır.

Cursor kurulumu

Adım 1: Dokümantasyon kaynaklarını kaydedin

Cursor Settings → Indexing & Docs bölümünü açın ve framework'ünüz için dokümantasyon kaynağını ekleyin:

Framework	Ad	URL
React	Mobiscroll React	https://mobiscroll.com/docs/llms-react-full.txt

Yalnızca kullanım durumunuza uygun kaynağı kaydedin. Birden fazla kaynak kaydetmeyin — bu, çapraz alan bulaşmasını önler.

Adım 2: Davranış kurallarını ekleyin

Bir yaklaşım seçin — Seçenek A ek kurulum gerektirmeden hemen çalışır; Seçenek B daha yüksek doğruluk için canlı MCP şema aramaları ekler ancak MCP sunucusunun yapılandırılmasını gerektirir.

Seçenek A —.mdc kurallar dosyası

mobiscroll-react.mdc dosyasını indirin ve .cursor/rules/ konumuna yerleştirin:

your-project/
├── .cursor/
│   └── rules/
│       └── mobiscroll-react.mdc
├── src/
└── package.json

.mdc dosyası metin tabanlı API kuralları sağlar — ek kurulum gerekmez.

Seçenek B — Genişletilmiş kural dosyaları + MCP (3 dosya)

Üç genişletilmiş kural dosyasını indirin ve .cursor/rules/ konumuna yerleştirin:

• mobiscroll-ui.mdc (orkestratör)
• mobiscroll-ui-react.mdc (React kuralları)
• mobiscroll-ui-theming.mdc (tema)

your-project/
├── .cursor/
│   └── rules/
│       ├── mobiscroll-ui.mdc
│       ├── mobiscroll-ui-react.mdc
│       └── mobiscroll-ui-theming.mdc
├── src/
└── package.json

Seçenek A'nın aksine, bu kural dosyaları Cursor'un AI'sına her üretimde canlı bileşen şeması aramaları için Mobiscroll MCP sunucusunu çağırmasını söyler — böylece bellekten tahmin etmek yerine mevcut API'den çalışır. Üretilen kodu, herhangi bir AI çıktısında olduğu gibi, birleştirmeden önce inceleyin.

Kural aktivasyonu

Genişletilmiş .mdc dosyaları, ön yüzlerinde description içeren alwaysApply: false kullanır. Cursor açıklamayı okur ve kuralı yalnızca bağlam ilgili olduğunda etkinleştirir — kural her mesaja dahil edilmez. Ayrıca @rule-name ile manuel olarak da tetikleyebilirsiniz (örn. @mobiscroll-ui). .mdc biçimi, Agent modu dahil tüm Cursor modlarında çalışır.

Adım 3: MCP sunucusunu bağlayın

Mobiscroll MCP sunucusunu, genişletilmiş kuralların canlı şema aramaları için onu çağırabilmesi için yapılandırın.

Proje kökünde .cursor/mcp.json dosyasını oluşturun veya düzenleyin:

{
  "mcpServers": {
    "mobiscroll": {
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

[!-warning] -warning type alanı yok

Cursor taşıma türünü URL'den çıkarır. Cursor'un yapılandırmasına "type": "http" eklemeyin — hataya neden olur.

your-project/
├── .cursor/
│   ├── mcp.json
│   └── rules/
│       ├── mobiscroll-ui.mdc
│       ├── mobiscroll-ui-react.mdc
│       └── mobiscroll-ui-theming.mdc
├── src/
└── package.json

Kapsam	Yapılandırma dosyası	Ekip ile paylaşılır
proje	proje kökünde .cursor/mcp.json	Evet, taahhüt edilirse
genel	~/.cursor/mcp.json	Hayır, tüm projeleriniz

Bağlantıyı doğrulayın: Cursor'da Output panelini açın ve açılır menüden MCP Logs seçeneğini seçin. Başarılı bir bağlantı, mobiscroll sunucusu için araç keşif mesajlarını günlüğe kaydeder.

Nasıl çalışır

Cursor'a Mobiscroll hakkında soru sorarken, kayıtlı dokümantasyonu okuduğundan emin olmak için @docs ekleyin:

@docs How do I set up a weekly scheduler with Mobiscroll?

@docs What options does the Eventcalendar timeline view accept?

GitHub Copilot kurulumu

Adım 1: Davranış kurallarını ekleyin

Bir yaklaşım seçin — Seçenek A ek kurulum gerektirmeden hemen çalışır; Seçenek B daha yüksek doğruluk için canlı MCP şema aramaları ekler ancak MCP sunucusunun yapılandırılmasını gerektirir.

Seçenek A —.instructions.md kurallar dosyası

mobiscroll-react.instructions.md dosyasını indirin ve .github/instructions/ konumuna yerleştirin:

your-project/
├── .github/
|   └── instructions/
|       └── mobiscroll-react.instructions.md
├── src/
└── package.json

.instructions.md dosyası metin tabanlı API kuralları sağlar — ek kurulum gerekmez.

Seçenek B — Genişletilmiş talimat dosyaları + MCP (3 dosya)

Üç genişletilmiş talimat dosyasını indirin ve .github/instructions/ konumuna yerleştirin:

• mobiscroll-ui.instructions.md (orkestratör)
• mobiscroll-ui-react.instructions.md (React kuralları)
• mobiscroll-ui-theming.instructions.md (tema)

your-project/
├── .github/
|   └── instructions/
|       ├── mobiscroll-ui.instructions.md
|       ├── mobiscroll-ui-react.instructions.md
|       └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json

Adım 2: MCP sunucusunu bağlayın

Mobiscroll MCP sunucusunu, genişletilmiş talimat dosyalarının canlı şema aramaları için onu çağırabilmesi için yapılandırın.

Proje kökünde .vscode/mcp.json dosyasını oluşturun veya düzenleyin:

{
  "servers": {
    "mobiscroll": {
      "type": "http",
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

[!-warning] -warning "servers" değil "mcpServers"

VS Code kök anahtar olarak "servers" kullanır — Claude Code ve Cursor gibi "mcpServers" değil. Yanlış anahtarı kullanmak, hata mesajı olmadan yapılandırmayı sessizce bozar.

your-project/
├── .vscode/
│   └── mcp.json
├── .github/
│   └── instructions/
│       ├── mobiscroll-ui.instructions.md
│       ├── mobiscroll-ui-react.instructions.md
│       └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json

Kapsam	Yapılandırma dosyası	Ekip ile paylaşılır
çalışma alanı	proje kökünde .vscode/mcp.json	Evet, taahhüt edilirse
kullanıcı profili	MCP: Open User Configuration ile açılır	Hayır, tüm çalışma alanlarınız

Bağlantıyı doğrulayın: Command Palette bölümünü açın ve MCP: List Servers komutunu çalıştırın. mobiscroll sunucusu bağlı durumda görünmelidir. İlk kullanımda bir güven iletişim kutusu görünür — sunucunun başlamasına izin vermek için onaylayın.

Alternatif olarak, rehberli bir kurulum için Command Palette bölümünü açın ve MCP: Add Server komutunu çalıştırın.

Nasıl çalışır

applyTo: "**" içeren talimat dosyaları, tüm Copilot Chat sorgularına otomatik olarak uygulanır — manuel referans gerekmez. Her iki seçenek de şunları içerir:

• Dokümantasyon URL'leri — AI'yı doğru framework dokümanlarına yönlendirir
• Bileşen eşlemesi — kullanıcı niyetlerini (örn. "scheduler") doğru Mobiscroll API'lerine eşler
• Kurallar — doğru paket importlarını, CSS yüklemeyi ve API kullanımını zorunlu kılar
• Kısıtlamalar — çapraz framework karışımını ve API hayal ürünü üretimini önler

Mobiscroll sorularını doğrudan sorun:

How do I set up a weekly scheduler with Mobiscroll?

What options does the Eventcalendar timeline view accept?

Claude Code kurulumu

Claude Code için Mobiscroll eklentisini kurun. Eklenti, framework kodlama becerilerini ve MCP sunucusunu tek bir kurulumda paketler — proje başına yapılandırma dosyası gerekmez.

Adım 1: Marketplace'i kaydedin

Mobiscroll eklenti marketplace'ini kaydetmek için Claude Code'da bu komutu bir kez çalıştırın:

/plugin marketplace add acidb/mobiscroll-marketplace

Adım 2: Eklentiyi kurun

/plugin install mobiscroll@mobiscroll

[!-warning] -warning Eklenti becerileri otomatik güncellenmez

Eklentiyi kurmak, becerilerinin bir anlık görüntüsünü alır — Claude Code, marketplace için otomatik güncellemeyi etkinleştirmediğiniz sürece yenilerini kendi başına çekmez. Herhangi bir zamanda en son sürümü almak için /plugin marketplace update mobiscroll && /plugin update mobiscroll@mobiscroll ve ardından /reload-plugins komutlarını çalıştırın.

Adım 3: MCP sunucusunu bağlayın

Eklenti MCP sunucusunu paketler — çoğu kurulum için ayrı bir yapılandırma gerekmez. Manuel olarak yapılandırmak veya ekibinizle paylaşmak için:

claude mcp add --transport http mobiscroll https://mcp.mobiscroll.com/

[!-warning] -warning VS Code uzantısı

Claude Visual Studio Code uzantısını kullanıyorsanız, sunucu proje kapsamıyla eklenmediği sürece görünmez. Sonraki komuta bakın.

Sunucuyu ekibinizle otomatik olarak paylaşmak için proje kapsamını kullanın:

claude mcp add --transport http --scope project mobiscroll https://mcp.mobiscroll.com/

Bu, proje kökünde .mcp.json dosyasını oluşturur veya günceller. Bu dosyayı manuel olarak da oluşturabilirsiniz:

{
  "mcpServers": {
    "mobiscroll": {
      "type": "http",
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

Kapsam	CLI bayrağı	Yapılandırma konumu	Ekip ile paylaşılır
yerel (varsayılan)	--scope local	~/.claude.json	Hayır
proje	--scope project	proje kökünde .mcp.json	Evet, sürüm kontrolü aracılığıyla
kullanıcı	--scope user	~/.claude.json	Hayır, tüm projeleriniz

[!-info] -info info

Ekip depoları için --scope project kullanın, böylece projeyi klonladıklarında herkes MCP sunucusunu otomatik olarak alır. [!-warning] -warning Ayrıca dizinden mi bağlandınız?

Kuruluşunuz Anthropic'in dizininden Mobiscroll bağlayıcısını etkinleştirdiyse, sunucuya Claude hesabınız üzerinden zaten erişiyor olabilirsiniz. Proje kapsamındaki .mcp.json girdisi ile dizin bağlayıcısı, aynı sunucuya giden iki yoldur ve Claude Code, bağlayıcıyı kendi hesabınızda yetkilendirene kadar proje girdisini yüklenemiyor olarak bildirebilir. Bir kez yetkilendirin, ikisi de çalışır; veya .mcp.json girdisini kaldırıp yalnızca bağlayıcıya güvenin. Aşağıdaki Claude uygulama kurulumuna bakın.

Bağlantıyı doğrulayın: Claude Code içinde /mcp komutunu çalıştırın. Panel, bağlı her sunucuyu ve araç sayısını listeler. Sağlıklı bir bağlantı, en az bir araçla mobiscroll gösterir.

Nasıl çalışır

Kurulduktan sonra eklenti şunları sağlar:

• Beceriler — mobiscroll-ui, çerçevenizi (React, Angular, Vue, JavaScript veya jQuery) algılayan ve eşleşen çerçeve alt becerisini yükleyen orkestratör becerisidir. Tema soruları mobiscroll-ui-theming tarafından ele alınır. Tüm beceriler birlikte kurulur.
• MCP sunucusu — Paketlenmiş Mobiscroll MCP sunucusu, isteğe bağlı olarak canlı bileşen şeması arama, kod doğrulama ve örnek arama sağlar; böylece Claude, bellekten tahmin etmek yerine güncel API ile çalışır. Üretilen kodu birleştirmeden önce, diğer tüm yapay zeka çıktıları gibi inceleyin.

Claude Code'dan Mobiscroll kodu yazmasını istediğinizde:

1. resolveEnvironment aracılığıyla çerçevenizi ve Mobiscroll sürümünü algılar
2. Dilbilimsel kurallara uygun eşleşen çerçeve becerisini yükler
3. Herhangi bir prop veya olay yazmadan önce bileşen şemasına bakar
4. Üretilen kodu size döndürmeden önce doğrular

Codex kurulumu

OpenAI Codex için Mobiscroll eklentisini kurun. Eklenti, çerçeve kodlama becerilerini ve MCP sunucusunu tek bir kurulumda paketler — proje başına yapılandırma dosyası gerekmez.

Adım 1: Pazar yerini kaydedin

Mobiscroll eklenti pazar yerini kaydetmek için Codex'te şu komutu bir kez çalıştırın:

/plugins marketplace add acidb/mobiscroll-marketplace

Adım 2: Eklentiyi kurun

/plugins install mobiscroll@mobiscroll

[!-warning] -warning Eklenti becerileri otomatik güncellenmez

Eklentiyi kurmak, becerilerinin bir anlık görüntüsünü alır — Codex yenilerini kendi başına çekmez. Her zaman en güncel sürümü almak için pazar yeri kataloğunu güncelleyin ve eklentiyi yeniden kurun: /plugins marketplace update mobiscroll, ardından /plugins install mobiscroll@mobiscroll.

Adım 3: MCP sunucusunu bağlayın

Eklenti MCP sunucusunu paketler — çoğu kurulum için ayrı bir yapılandırma gerekmez. Manuel olarak yapılandırmak veya ekibinizle paylaşmak için ~/.codex/config.toml (genel) veya .codex/config.toml (proje) dosyasına ekleyin:

[mcp_servers.mobiscroll]
url = "https://mcp.mobiscroll.com/"

Ayrıca komut satırından da kaydedebilirsiniz:

codex mcp add mobiscroll --url https://mcp.mobiscroll.com/

Kapsam	Yapılandırma konumu	Ekip ile paylaşılır
genel	~/.codex/config.toml	Hayır, tüm projeleriniz
proje	proje kökünde .codex/config.toml (yalnızca güvenilen projeler)	Evet, sürüm kontrolü aracılığıyla

[!-info] -info bilgi

Ekip depoları için proje düzeyindeki .codex/config.toml kullanın; böylece herkes projeyi klonladığında MCP sunucusunu otomatik olarak alır.

Bağlantıyı doğrulayın: Codex içinde /mcp komutunu çalıştırın. Panel, bağlı her sunucuyu ve araç sayısını listeler. Sağlıklı bir bağlantı, araçları listelenmiş mobiscroll gösterir.

Nasıl çalışır

Kurulduktan sonra eklenti şunları sağlar:

• Beceriler — mobiscroll-ui, çerçevenizi (React, Angular, Vue, JavaScript veya jQuery) algılayan ve eşleşen çerçeve alt becerisini yükleyen orkestratör becerisidir. Tema soruları mobiscroll-ui-theming tarafından ele alınır. Tüm beceriler birlikte kurulur.
• MCP sunucusu — Paketlenmiş Mobiscroll MCP sunucusu, isteğe bağlı olarak canlı bileşen şeması arama, kod doğrulama ve örnek arama sağlar; böylece Codex, bellekten tahmin etmek yerine güncel API ile çalışır. Üretilen kodu birleştirmeden önce, diğer tüm yapay zeka çıktıları gibi inceleyin.

Codex'ten Mobiscroll kodu yazmasını istediğinizde:

1. resolveEnvironment aracılığıyla çerçevenizi ve Mobiscroll sürümünü algılar
2. Dilbilimsel kurallara uygun eşleşen çerçeve becerisini yükler
3. Herhangi bir prop veya olay yazmadan önce bileşen şemasına bakar
4. Üretilen kodu size döndürmeden önce doğrular

Claude uygulama kurulumu — claude.ai, Masaüstü ve mobil

MCP sunucusu Anthropic'in bağlayıcı dizininde yayınlanmıştır; böylece web'deki Claude, Claude Desktop ve Claude mobil uygulamaları, herhangi bir proje dosyası veya CLI komutu olmadan kullanabilir. Yukarıdaki düzenleyici kurulumlarının kullandığı sunucunun aynısıdır — fark yalnızca ona nasıl ulaştığınızdır.

Adım 1: Dizinden bağlanın

Ayarlar → Bağlayıcılar → Bağlayıcılara göz at seçeneğini açın, Mobiscroll arayın ve Bağlan'a tıklayın.

Yapılandırılacak bir şey yoktur. Sunucu salt okunurdur ve hesap, API anahtarı veya OAuth oturum açma gerektirmez.

Adım 2: Kuruluşunuz için etkinleştirin (Team ve Enterprise)

Team ve Enterprise planlarında bir Sahip, bağlayıcıyı önce kuruluş için ekler. Ardından her üye kendi hesabında bağlar — bağlayıcı herkes için listelenir, ancak bireysel üye bağlayana kadar yanıt vermez.

[!-warning] -warning Zaten özel bağlayıcı olarak mı eklediniz?

mobiscroll dizine girmeden önce elle eklediyseniz, dizinden bağlanmadan önce bu girdiyi kaldırın. https://mcp.mobiscroll.com/ işaret eden iki girdi aynı araçları iki kez kaydeder ve Claude beklediğiniz kopyayı çağırmayabilir.

Ayarlar → Bağlayıcılar seçeneğini açın, özel mobiscroll girdinizi bulun ve kaldırın. Ardından dizinden bağlanın.

Nasıl çalışır

Claude, aşağıdaki MCP araç referansında listelenen aynı 14 salt okunur aracı çağırır. Bir bileşenin seçenekleri, bir olay imzası, bir Connect uç noktası veya bir REST çağrısının SDK karşılığı hakkında sorun; bellekten yanıtlamak yerine güncel şemayı okur.

Dizin bağlayıcısı beceri taşımaz. Bunlar Claude Code ve Codex eklentisinin parçasıdır — bir proje içinde Mobiscroll kodu yazmak için yukarıdaki Claude Code kurulumunu kullanın.

MCP araç referansı

MCP sunucusu 14 araç sunar. Hepsi salt okunurdur ve bu şekilde işaretlenmiştir; böylece bir yapay zeka asistanı her seferinde onay istemeden çağırabilir. Hiçbiri Mobiscroll hesabınızda hiçbir şey okumaz veya yazmaz ve Connect araçları Connect API'sini çağırmak yerine tanımlar.

Mobiscroll UI araçları

Araç	Ne döndürür	Gerektirir
resolveEnvironment	Bir projenin kullandığı çerçeve ve ana sürüm, package.json dosyasından okunur. Diğer UI araçlarının argüman olarak aldığı değerler bunlardır.	package.json içeriği
listComponents	Bir çerçeve ve sürüm için kullanılabilir her bileşen, kısa açıklama ve varlık sayısıyla birlikte.	çerçeve, ana sürüm
getComponentSchema	Bir bileşen için seçenekler, olaylar, yöntemler ve oluşturucular. Önce kompakt bir dizin döndürür; tam ayrıntı için belirli adlarla tekrar çağırın.	bileşen, çerçeve, ana sürüm
searchExamples	Anahtar kelimelerle eşleşen, bileşen ve sürüme göre filtrelenmiş, alaka düzeyine göre sıralanmış örnekler.	çerçeve, ana sürüm
getExampleById	Kaynak dosyaları, açıklaması ve uygulama notlarıyla birlikte eksiksiz bir örnek.	exampleId, çerçeve, ana sürüm
validateCode	Bir parçacıktaki bilinmeyen prop'lar, olaylar ve yöntemler ile kullanımdan kaldırılmış kullanımlar. Statik analiz — hiçbir şey çalıştırılmaz.	bileşen, çerçeve, ana sürüm, parçacık

Mobiscroll Connect araçları

Aynı sunucu ayrıca Connect REST API'si ve SDK'ları hakkındaki soruları da yanıtlar. Bunlar Connect AI Entegrasyon kılavuzunda tam olarak belgelenmiştir.

Araç	Ne döndürür	Gerektirir
resolveConnectEnvironment	Bir projenin hangi Connect SDK'sına ve sürümüne bağımlı olduğu, bağımlılık manifestosundan okunur.	manifesto içeriği
listConnectEndpoints	Her Connect REST uç noktası, yöntemi, yolu, özeti ve kimlik doğrulamasıyla birlikte.	—
getConnectEndpointSchema	Bir uç nokta tam olarak: türleriyle parametreler, kimlik doğrulama, yanıt durumları, örnekler.	endpointId veya yöntem + yol
listConnectSdkMethods	Bir dilin SDK'sının sunduğu kaynaklar ve yöntemler.	dil
getConnectSdkMethod	Bir SDK yöntemi tam olarak: imza, parametreler, dönüş türü, doc yorumu, örnek.	dil, yöntem
searchConnect	REST uç noktaları ve SDK yöntemleri arasında anahtar kelime eşleşmeleri.	sorgu
mapConnectEndpointToSdk	Bir REST uç noktası için her dilde veya bir dilde eşdeğer SDK çağrısı.	endpointId veya yöntem + yol
getConnectErrorTaxonomy	Her hata kategorisi, HTTP durumu ve dil başına deyimsel istisna türüyle birlikte.	—

[!-success] -success Bir çözümleme çağrısıyla başlayın

Sunucu uzaktan çalışır ve dosyalarınızı okuyamaz; bu nedenle resolveEnvironment ve resolveConnectEnvironment, manifesto içeriğinizi argüman olarak alır. Diğer her araç, çerçeveyi, sürümü veya dili zaten biliyorsanız doğrudan kabul eder.

Çerçeve izolasyonu

[!-warning] -warning Kritik

Her kural dosyası ve dokümantasyon kaynağı tam olarak bir çerçeveyi veya alanı hedefler. Farklı çerçevelerden dosyaları asla birleştirmeyin veya UI çerçeve dosyalarını Connect dosyalarıyla karıştırmayın.

Bunun neden önemli olduğu:

• Çoğu API seçeneği çerçeveler arasında paylaşılır, ancak bileşen kullanımı ve şablonlama her biri için farklıdır — karıştırmak bozuk kod üretir

Mobiscroll Connect ayrı bir alandır:

• Connect bir arka uç entegrasyon katmanıdır — OAuth 2.0, REST API, webhook'lar, takvim senkronizasyonu
• UI bileşeni, JSX veya ön uç çerçeve bağlamaları yoktur
• Connect, mobiscroll-connect.mdc ve llms-connect-full.txt kullanır — asla UI çerçeve dosyalarını değil
• Connect dokümanlarını UI dokümanlarıyla karıştırmak, yapay zekanın REST uç noktalarını bileşen API'leriyle karıştırmasına neden olur

[!-info] -info bilgi

mobiscroll@mobiscroll eklentisi ayrıca sunucu tarafı Connect (OAuth, REST, takvim senkronizasyonu) için bir mobiscroll-connect becerisi paketler. Yalnızca arka uç Connect işleri için etkinleşir ve asla UI bileşen koduyla karışmaz. Connect AI Entegrasyon kılavuzuna bakın.

Kurallar:

1. Yalnızca bir çerçeve veya alanla eşleşen kural dosyalarını kullanın — farklı çerçevelerden dosyaları asla karıştırmayın
2. Cursor'da yalnızca bir dokümantasyon kaynağı kaydedin
3. Projeniz birden çok çerçeve kullanıyorsa (ör. mikro ön uçlar), ayrı .mdc dosyalarıyla ayrı dizinler kurun
4. Projeniz hem bir UI çerçevesi hem de Mobiscroll Connect kullanıyorsa, her biri için ayrı yapay zeka bağlam dizinleri kullanın
5. Bir yapay zeka asistanı yanlış çerçeve içe aktarmalarıyla kod üretirse, doğru kural dosyasının yerinde olduğunu kontrol edin

Örnek sorgular

Bu örnekler, yapay zeka entegrasyonunun doğru şekilde işlemek üzere tasarlandığı soru türlerini gösterir.

How do I create an Eventcalendar with a weekly scheduler view?
Add drag and drop support to my Mobiscroll timeline.
What is the type for calendar events in Mobiscroll React?

Sorun giderme

Yapay zeka yanlış çerçeveyle kod üretiyor

Belirti: React kullanıyorsunuz ancak yapay zeka farklı bir çerçeve için kod üretiyor (ör. import { Eventcalendar } from '@mobiscroll/angular').

Çözüm: Doğru kural dosyasının yerinde olduğunu doğrulayın. Cursor'da React için mobiscroll-react.mdc kullanın; Copilot için mobiscroll-react.instructions.md kullanın. Cursor'da kayıtlı @docs kaynağının llms-react-full.txt işaret ettiğini kontrol edin.

Yapay zeka var olmayan API'ler icat ediyor

Belirti: Yapay zeka, Mobiscroll dokümantasyonunda bulunmayan seçenekler, olaylar veya türler öneriyor.

Çözüm: .mdc kuralları, yapay zekaya yalnızca dokümanlarda bulunan API'leri kullanmasını söyler. Bu hâlâ oluyorsa, Cursor sorgularında @docs açıkça referans verin veya Mobiscroll eklentisinin Claude Code'da (/plugin list) veya Codex'te (codex plugin list) kurulu olduğunu doğrulayın. Ayrıca yapay zekadan bir seçeneğin Mobiscroll dokümanlarında var olduğunu doğrulamasını isteyebilirsiniz.

Yapay zeka Mobiscroll Connect'i UI bileşenleriyle karıştırıyor

Belirti: Ön uç takvim bileşeni hakkında sorduğunuzda yapay zeka REST API çağrıları üretiyor veya Connect API'si hakkında sorduğunuzda JSX/bileşen kodu üretiyor. Düzeltme: Mobiscroll Connect, arka uç entegrasyon katmanıdır (OAuth, REST, webhook'lar) ve hiçbir kullanıcı arayüzü bileşeni içermez. Eventcalendar ise REST API'si olmayan bir ön yüz kullanıcı arayüzü bileşenidir. Tamamen ayrı .mdc dosyaları ve dokümantasyon kaynakları kullanırlar. Projeniz için doğru .mdc dosyasının etkin olduğunu doğrulayın. Aynı kod tabanında her ikisini de kullanıyorsanız, her biri için ayrı yapay zeka bağlam dizinleri tutun.

Kurulumdan sonra MCP sunucusu görünmüyor

Belirti: MCP sunucu panelinde mobiscroll girişi görünmüyor veya araçlar kullanılamıyor.

Düzeltme: Yapılandırma dosyasının doğru konumda olduğunu ve doğru kök anahtarı kullandığını kontrol edin — Claude Code, Codex ve Cursor için mcpServers, VS Code için servers. Dosyanın geçerli bir JSON olduğunu doğrulayın. Claude Code veya Codex için, bağlı sunucuları incelemek üzere /mcp komutunu çalıştırın.

Dosya referansı

Tüm yapay zeka entegrasyon dosyaları aşağıdaki URL'lerde mevcuttur:

Dokümantasyon dosyaları

Dosya	URL
React	https://mobiscroll.com/docs/llms-react-full.txt

Kurallar dosyaları

Dosya	Cursor (.mdc)	Copilot (.instructions.md)
React kuralları	mobiscroll-react.mdc	copilot-instructions/mobiscroll-react.instructions.md

Genişletilmiş kural dosyaları

Dosya	Cursor (.mdc)	Copilot (.instructions.md)
Orkestratör	mobiscroll-ui.mdc	copilot-instructions/mobiscroll-ui.instructions.md
React kuralları	mobiscroll-ui-react.mdc	copilot-instructions/mobiscroll-ui-react.instructions.md
Temalandırma	mobiscroll-ui-theming.mdc	copilot-instructions/mobiscroll-ui-theming.instructions.md

Dosya içerikleri

Her dosyanın tam içeriği aşağıda gösterilmiştir. Bu bloklardan doğrudan kopyalayabilir veya yukarıdaki indirme bağlantılarını kullanabilirsiniz.