Skill
  • OpenClaw

CSS

ClawHub

Writes and debugs CSS: flexbox and grid layout, z-index and stacking, responsive breakpoints, theming, and render performance.

“Site yapımı ve arayüz” alanında bir skill. OpenClaw için hazır kurulum komutu var.

Tüm açıklama

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.

  • Skill
  • Site yapımı ve arayüz

Bir bakışta

Beş soru, kısa cevap.

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.

Kur

Programını seç, komut kendini yazsın.

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.

Benzerleri

Site yapımı ve arayüz alanından.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla

Skill

web-artifacts-builder

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape…Kurmak için tıkla

Skill

brand-landingpage

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Toolkit for styling artifacts with a theme.Kurmak için tıkla

Skill

theme-factory

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mo…Kurmak için tıkla

Skill

responsive-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode