# design-system-patterns

Skill, Kodlama ve yazılım geliştirme alanında. Sayfa: https://angskills.com/k/design-system-patterns

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

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

## Basitçe

**Nedir?** Skill, ajanına (Claude Code, Codex gibi) yüklenen bir talimat paketidir. Telefona uygulama yüklemeye benzer: bir kez kurarsın, ajan o işi nasıl yapacağını bilir.

**Ne işe yarar?** “Kodlama ve yazılım geliştirme” işlerinde kullanılır. Yayıncının sözleriyle: Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

**Örnek istek** “Bu projedeki hatayı bul ve düzelt.”

**Ajanlar** Claude Code, Codex, OpenCode için hazır komut var.

**Güvenilir mi?** 42.303 GitHub yıldızı · MIT. Kurmadan önce kaynağa bak.

## Benchmark (ANG puanı, 100 üzerinden)

- Claude Code: 79
- Codex: 79
- OpenCode: 79
- OpenClaw: kurulmaz
- Grok: kurulmaz
- Antigravity: kurulmaz

## Kurulum

### Claude Code

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

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

### Codex

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

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

### OpenCode

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

Sonra plugins/ui-design/skills/design-system-patterns 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.