Kodu, mimariyeyi ve diğer kavramları yerel olarak barındırılan bir web uygulamasında mermaid diyagramları olarak görselleştirir. Ajanınızdan "bunu bir diyagramda göster" demeniz yeterlidir.
Claude Desktop config.json'a ekle
{
"mcpServers": {
"abrinsmead-mindpilot-mcp": {
"command": "node",
"args": [
"~/.mcp/mindpilot-mcp/index.js"
]
}
}
} Kaynak kodu al ve yerel olarak çalıştır
git clone https://github.com/abrinsmead/mindpilot-mcp.git ~/.mcp/mindpilot-mcp
cd ~/.mcp/mindpilot-mcp Agentnizin gözünden bakın. Legacy kodu görselleştirin, karmaşık akışları inceleyin, her şeyi anlayın.

Node.js v20.0.0 veya daha yüksek.
claude mcp add mindpilot -- npx @mindpilot/mcp@latest
Settings > Cursor Settings > MCP altında, Add new global MCP server öğesine tıklayın ve mindpilot öğesini mcpServers nesnesinde yapılandırın.
{
"mcpServers": {
"mindpilot": {
"command": "npx",
"args": ["@mindpilot/mcp@latest"]
}
}
}
VS Code'da MCPları etkinleştirmek için buradaki talimatları izleyin: https://code.visualstudio.com/docs/copilot/chat/mcp-servers
Settings > Features > MCP öğesine gidin, ardından Edit in settings json öğesine tıklayın
Daha sonra mindpilot öğesini MCP konfigürasyonunuza ekleyin:
{
"mcp": {
"servers": {
"mindpilot": {
"type": "stdio",
"command": "npx",
"args": ["@mindpilot/mcp@latest"]
}
}
}
}
Settings > Windsurf Settings > Manage Plugins altında, view raw config öğesine tıklayın ve mindpilot öğesini mcpServers nesnesinde yapılandırın:
{
"mcpServers": {
"mindpilot": {
"command": "npx",
"args": ["@mindpilot/mcp@latest"]
}
}
}
AI Thread panelinde üç nokta ... öğesine tıklayın, ardından Add Custom Server... öğesine tıklayın
Command to run MCPserver alanına npx @mindpilot/mcp@latest girin ve Add Server öğesine tıklayın.
--port komut satırı anahtarı kullanılarak yapılandırılabilir.~/.mindpilot/data/ öğesine kaydedilir. --data-path komut satırı anahtarını kullanarak özel bir konum belirtebilirsiniz.Mindpilot, eşzamanlı olarak çalışan birden fazla AI yardımcısını akıllıca yönetir. Birden fazla Claude Desktop penceresi veya IDE örneği açık olduğunda:
Bu, birden fazla MCP host'u aynı anda port çatışmaları olmadan kullanabileceğiniz ve hepsinin aynı diyagram koleksiyonuna katkıda bulunabileceği anlamına gelir.
Mindpilot MCP, ürünün nasıl kullanıldığını anlamamıza ve kullanıcı deneyimini geliştirmemize yardımcı olmak için anonim kullanım verileri toplar.
Anonim kullanım verilerini paylaşmamayı tercih ederseniz, MCP konfigürasyonunuza --disable-analytics bayrağını ekleyerek analitiği devre dışı bırakabilirsiniz:
Claude Code:
claude mcp add mindpilot -- npx @mindpilot/mcp@latest --disable-analytics
Diğer IDE'ler:
Konfigürasyonunuzda args dizisine "--disable-analytics" ekleyin:
{
"command": "npx",
"args": ["@mindpilot/mcp@latest", "--disable-analytics"]
}
Kodlama agentinizde MCP'yi yapılandırdıktan sonra, "x hakkında bir diyagram oluştur" gibi isteklerde bulunabilirsiniz ve MCP sunucusuna bağlı bir tarayıcıda Mermaid diyagramlarını işlemek için MCP sunucusunu kullanmalıdır.
Mindpilot-mcp'yi ne zaman kullanacağınız hakkında belirli talimatlar vermek için agentinizin kural dosyasını isteğe bağlı olarak güncelleyebilirsiniz.
Frontier LLM'leri, geçerli Mermaid söz dizimi oluşturmak için iyi eğitilir. MCP, Mermaid söz dizimini kabul etmek ve http://localhost:4000 (varsayılan port) üzerinde çalışan bir web uygulamasında diyagramları işlemek için tasarlanmıştır.
4000 portunu başka bir hizmet için kullanıyorsanız, MCP'yi farklı bir port kullanacak şekilde yapılandırabilirsiniz.
Claude Code örneği:
claude mcp add mindpilot -- npx @mindpilot/mcp@latest --port 5555
Diyagramları özel bir konuma kaydetmek için (örneğin, bulut depolama ile senkronizasyon için):
Claude Code örneği:
claude mcp add mindpilot -- npx @mindpilot/mcp@latest --data-path /path/to/custom/location
Diğer IDE'ler:
{
"command": "npx",
"args": ["@mindpilot/mcp@latest", "--data-path", "/path/to/custom/location"]
}
Eğer asdf'yi bir sürüm yöneticisi olarak kullanıyorsanız ve MCPları çalıştırmakta sorun yaşıyorsanız (sadece mindpilot değil), ev dizininizden "global" bir nodejs sürümü ayarlamanız gerekebilir.
cd
asdf set nodejs x.x.x
MCP'yi kodlama agentinizde yapılandırın (bu örnekte claude kullanarak)
claude mcp add mindpilot -- npx tsx <path to...>/src/server/server.ts
MCP hatalarını görmek için gerekliyse claude öğesini --debug bayrağı ile çalıştırın
Geliştirme sırasında hot module reloading almak için development client'ını (Vite) başlatın.
npm run dev
Development client'ını açın
localhost:5173
AI destekli geliştirme için yapay zeka tabanlı görev yönetim sistemi. PRD ayrıştırma, görev genişletme, çoklu provider desteği (Claude, OpenAI, Gemini, Perplexity, xAI) ve optimize edilmiş context kullanımı için seçmeli tool yükleme özelliklerine sahiptir.
Kodlama ajanlarına Figma verilerine doğrudan erişim sağlayarak tasarım implementasyonunu tek adımda tamamlamalarını sağlar.
Yüksek performanslı kod zekası MCP sunucusu. Codebase'leri kalıcı bir knowledge graph'e indeksler — ortalama repo milisaniyeler içinde. 66 dil desteği, sub-ms sorgular, %99 daha az token. Tek statik binary, hiç bağımlılık yok.
gitmcp.io, herhangi bir GitHub repository veya projeye bağlanıp belgelendirme yapabilen genel amaçlı bir remote MCP server'ıdır.
Android/iOS uygulamaları ve cihazların otomasyon, geliştirme ile app scraping işlemleri için MCP Server. iPhone, Google Pixel, Samsung gibi simülatör, emülatör ve fiziksel cihazları destekler.
21st.dev'in en iyi tasarım mühendislerinden ilham alarak özel olarak hazırlanmış UI bileşenleri oluşturun.