用途：web-css 是 OpenClaw 的一项技能，用于在 Web 开发中生成、优化和调试 CSS 代码，主要处理组件样式、响应式布局与样式模块化，适合需要兼顾效率、可维护性与现代浏览器兼容性的场景。
主要能力：支持 CSS Grid（如 display: grid; grid-template-columns: repeat(3, 1fr);）与 Flexbox（如 display: flex; justify-content: space-between;）布局；自定义属性/变量（如 --primary-color: #007bff;）；关键帧动画（如 @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }）；媒体查询（如 @media (max-width: 768px) { .container { flex-direction: column; } }）；BEM 命名（如 .block__element--modifier）；CSS Modules 作用域样式（如 import styles from './styles.module.css'; 配合 className={styles.button}）；以及 :has() 与 :is() 选择器（如 div:has(p) { margin: 10px; }、button:is(:hover, :active) { background: red; }）。
使用方式：可通过 CLI 调用，如 openclaw execute web-css --input "task description" --options key=value，亦可通过 API 向 /api/skills/web-css 发送 POST 请求。认证需设置环境变量 $OPENCLAW_API_KEY。支持生成布局、添加动画、优化断点等操作，配置可用 JSON 提供（如 { "bem": true, "modules": { "path": "./src/styles" } }）。输出可接入 Webpack、Vite 或 PostCSS 等构建工具。
限制：资料未说明具体价格、收费方式或性能效果；调用依赖有效的 API 密钥，需处理无效 CSS 语法与认证失败等错误。