# CSS

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

Writes and debugs CSS: flexbox and grid layout, z-index and stacking, responsive breakpoints, theming, and render performance. Use when a layout breaks or overflows, z-index does nothing, the page scrolls sideways, `position: sticky` won't stick, text won't truncate, styles lose the cascade or need `!important`, content jumps while loading (CLS), transitions stutter, fonts flash, a modal or dropdown sits behind other content, form controls need restyling, a table needs sticky headers, printing comes out wrong, or a style works in Chrome but not Safari. Also for starting a stylesheet from scratch (reset and base layer), centering, container queries, fluid type with clamp(), design tokens and dark mode, RTL and logical properties, and modernizing old stylesheets with `:has()`, `@layer`, and nesting. Not for visual design taste — palettes, spacing scales, typeface choice.

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

## Bir bakışta

**CSS ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Writes and debugs CSS: flexbox and grid layout, z-index and stacking, responsive breakpoints, theming, and render performance.

**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/css --version 1.0.4

**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/css --version 1.0.4
```

ClawHub CLI gerekir: npm install -g clawhub

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