LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

css-code-change - Safely change CSS and responsive styles

Apply disciplined CSS changes while preserving cascade order, responsive layout, design tokens, focus visibility, contrast, reduced motion, compatibility, and layout stability.

Tags

Updated: 2026-10-16

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Inspect style configuration
  • Map cascade layers
  • Resolve selector conflicts
  • Apply responsive CSS
  • Use semantic design tokens
  • Preserve accessible interactions
  • Verify configured intents

Inputs

  • Global style entrypoints
  • Reset and base styles
  • Cascade layer strategy
  • Token and theme configuration
  • Component and parent styles
  • Browser and build configuration
  • Accessibility and responsive conventions
  • Target browser surfaces
  • Native CSS capabilities
  • Motion and transition capabilities
  • Verification intents

Outputs

  • Modified CSS and style files
  • Lint results
  • Build results
  • Related test results
  • Validation status
  • Diff summary

Requirements

    Source

    • Spec: SKILL.md
    CSS
    Sass
    Less
    responsive layout
    design tokens
    cascade
    accessibility
    browser compatibility
    animations
    Inspect style configuration
    Map cascade layers
    Resolve selector conflicts
    Apply responsive CSS
    Global style entrypoints
    Reset and base styles
    Cascade layer strategy
    Modified CSS and style files
    Lint results
    Build results