# Design System Components

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

Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when building reusable UI components that follow design token architecture. Triggers on Surface component, CVA, class-variance-authority, component variants, design tokens.

- Kaynak: https://clawhub.ai/wpank/skills/design-system-components
- Lisans: belirtilmemiş
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**Design System Components ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Patterns for building design system components using Surface primitives, CVA variants, and consistent styling.

**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?** OpenClaw için hazır kurulum komutu var.

**Nasıl kurulur?** OpenClaw için terminalde şu komutu çalıştır: clawhub install @wpank/design-system-components --version 1.0.0

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

## Kurulum

### OpenClaw

```bash
clawhub install @wpank/design-system-components --version 1.0.0
```

ClawHub CLI gerekir: npm install -g clawhub

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