# tailwind-design-system

Skill, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/tailwind-design-system

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

- Kaynak: https://github.com/wshobson/agents
- Lisans: MIT
- GitHub yıldızı: 42303
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**tailwind-design-system ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

**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: git clone --depth 1 https://github.com/wshobson/agents

**Güvenilir mi?** GitHub’da 42.303 yıldız almış, MIT lisanslı. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

## Kurulum

### Claude Code

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/tailwind-design-system klasörünü ajanının skills klasörüne kopyala.

### Codex

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/tailwind-design-system klasörünü ajanının skills klasörüne kopyala.

### OpenCode

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/tailwind-design-system klasörünü ajanının skills klasörüne kopyala.

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