LogoClawIndex
案例技能关于
LogoClawIndex

css-code-change - 安全变更 CSS 与响应式样式

在变更 CSS 时维护层叠顺序、响应式布局、设计令牌、焦点可见性、对比度、减弱动画、兼容性和布局稳定性。

标签

更新于: 2026-10-16
CSSSassLess响应式布局设计令牌层叠

能力

典型输入

典型输出

该技能可以做什么

  • 检查样式配置
  • 梳理层叠层级
  • 解决选择器冲突
  • 应用响应式 CSS
  • 使用语义设计令牌
  • 保持交互可访问性
  • 验证已配置意图

输入

  • 全局样式入口
  • 重置与基础样式
  • 层叠层策略
  • 令牌与主题配置
  • 组件与父级样式
  • 浏览器与构建配置
  • 无障碍与响应式约定
  • 目标浏览器场景
  • 原生 CSS 能力
  • 动画与过渡能力
  • 验证意图

输出

  • 修改后的 CSS 与样式文件
  • Lint 结果
  • 构建结果
  • 相关测试结果
  • 验证状态
  • 差异摘要

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

    ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。
    无障碍
    浏览器兼容性
    动画
    检查样式配置
    梳理层叠层级
    解决选择器冲突
    应用响应式 CSS
    全局样式入口
    重置与基础样式
    层叠层策略
    修改后的 CSS 与样式文件
    Lint 结果
    构建结果