# CatchUI

MCP sunucusu, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/catchui

What is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.

- Kaynak: https://registry.modelcontextprotocol.io/v0.1/servers/com.catchui%2Fui-patterns/versions/1.1.0
- Lisans: belirtilmemiş
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**CatchUI ne işe yarar?** “Site yapımı ve arayüz” alanında bir MCP sunucusu. Yayıncının tanımı: What is this UI element called?

**Kimin işine yarar?** Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.

**Hangi ajanlarda çalışır?** Claude Code, Codex, OpenCode için hazır kurulum komutu var.

**Nasıl kurulur?** Claude Code için terminalde şu komutu çalıştır: claude mcp add --transport http catchui https://catchui.com/api/mcp

**Güvenilir mi?** Lisansı belirtilmemiş. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

## Kurulum

### Claude Code

```bash
claude mcp add --transport http catchui https://catchui.com/api/mcp
```

Terminalde çalıştır. Yayıncı anahtar istiyorsa başlık olarak ekle.

### Codex

```bash
codex mcp add catchui --url https://catchui.com/api/mcp
```

Terminalde çalıştır, sonra Codex’i yeniden aç.

### OpenCode

```json
{
  "mcp": {
    "catchui": {
      "type": "remote",
      "url": "https://catchui.com/api/mcp",
      "enabled": true
    }
  }
}
```

opencode.json dosyasına ekle.

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.