# ui-design-system

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

Use when building a design system: tokens, component docs, responsive scales or developer handoff. Generates tokens with design_token_generator.py.

- Kaynak: https://github.com/alirezarezvani/claude-skills
- Lisans: MIT
- GitHub yıldızı: 29471
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**ui-design-system ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Use when building a design system: tokens, component docs, responsive scales or developer handoff.

**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/alirezarezvani/claude-skills

**Güvenilir mi?** GitHub’da 29.471 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/alirezarezvani/claude-skills
```

Sonra product-team/skills/ui-design-system klasörünü ajanının skills klasörüne kopyala.

### Codex

```bash
git clone --depth 1 https://github.com/alirezarezvani/claude-skills
```

Sonra product-team/skills/ui-design-system klasörünü ajanının skills klasörüne kopyala.

### OpenCode

```bash
git clone --depth 1 https://github.com/alirezarezvani/claude-skills
```

Sonra product-team/skills/ui-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.