# Design

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

Executes and critiques visual design with quantified rules for hierarchy, spacing, type scale, color, and layout. Use when designing UI screens, landing pages, slides, posters, social graphics, emails, charts, or PDFs, when a design looks off, cluttered, amateur, or flat and the user cannot say why, when nothing stands out or text is hard to read, when choosing fonts, pairing typefaces, or building a palette without a design system, when adapting a screen to dark mode or mobile, or when reviewing generated HTML/CSS before delivery. Not for design tokens and component libraries (design-system) or brand strategy (branding).

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

## Bir bakışta

**Design ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Executes and critiques visual design with quantified rules for hierarchy, spacing, type scale, color, and layout.

**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 @ivangdavila/design --version 1.0.3

**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 @ivangdavila/design --version 1.0.3
```

ClawHub CLI gerekir: npm install -g clawhub

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