@buda/mcp-server

BUDA MCP Server - Model Context Protocol sunucusu, AI-native design system entegrasyonu için.

Özellikler

Bu MCP server üç temel yetenek sunar:

$3

| Araç | Açıklama |
|------|----------|
| buda_get_color | Renk token değerlerini sorgula |
| buda_get_spacing | Spacing (boşluk) token değerlerini al |
| buda_get_typography | Tipografi tokenlarını sorgula |
| buda_get_radius | Border radius tokenlarını al |
| buda_search_tokens | Tüm tokenlarda arama yap |
| buda_get_component | Component spec detaylarını al |
| buda_list_components | Tüm componentleri listele |
| buda_get_component_props | Component props'larını al |
| buda_get_component_tokens | Component'in kullandığı tokenları al |
| buda_get_accessibility | Accessibility gereksinimlerini al |
| buda_generate_button | Button kodu oluştur (web/RN) |
| buda_generate_input | Input kodu oluştur (web/RN) |
| buda_generate_card | Card kodu oluştur (web/RN) |
| buda_generate_layout | Layout kodu oluştur (web/RN) |

$3

| URI | Açıklama |
|-----|----------|
| buda://tokens/all | Tüm design tokenları |
| buda://tokens/colors | Renk tokenları |
| buda://tokens/spacing | Spacing tokenları |
| buda://tokens/typography | Tipografi tokenları |
| buda://tokens/elevation | Shadow ve z-index değerleri |
| buda://tokens/breakpoints | Responsive breakpoint'ler |
| buda://components/all | Tüm component spec'leri |
| buda://components/button | Button spec |
| buda://components/input | Input spec |
| buda://components/card | Card spec |
| buda://components/stack | Stack spec |

$3

| İstem | Açıklama |
|-------|----------|
| buda_create_form | Form oluşturma promptu |
| buda_create_card_list | Card listesi oluşturma |
| buda_create_button_group | Button grubu oluşturma |
| buda_design_review | Kod BUDA uyumluluk kontrolü |
| buda_token_suggestion | Use-case için token önerisi |

Kurulum

``bash
pnpm add @buda/mcp-server
`

VS Code Entegrasyonu

.vscode/mcp.json dosyasına ekle:

`json
{
"mcpServers": {
"buda": {
"command": "npx",
"args": ["@buda/mcp-server"]
}
}
}
`

Claude Desktop Entegrasyonu

claude_desktop_config.json dosyasına ekle:

`json
{
"mcpServers": {
"buda": {
"command": "npx",
"args": ["@buda/mcp-server"]
}
}
}
`

Örnek Kullanım

AI asistanınızla konuşurken:

`
"BUDA Button componenti için primary variant ve large size ile web kodu oluştur"
"Form alanları için hangi BUDA tokenlarını kullanmalıyım?"
"Bu kodu BUDA design system kurallarına göre kontrol et"
``

Lisans

MIT