用途:在编写或审查 CSS 时提供高级工程规范,覆盖组件样式、布局、主题与可视化修复。适合需要现代 CSS 写法、性能与无障碍兼顾的项目。
主要能力:以“现代 CSS 优先”为原则,推荐容器查询优于媒体查询、Grid 优于 float、原生嵌套优于预处理器、oklch() 优于 hsl();用 @layer 组织样式,用 :where() 降低特异性,用 light-dark() 处理主题;只对 transform 与 opacity 做合成动画,使用 contain 与 content-visibility,避免布局抖动;无障碍方面要求尊重 prefers-reduced-motion、提供 :focus-visible、支持 forced-colors 与对比度要求。
使用方式:作为技能加载后,按情景提供指导。资料给出的相关斜杠命令包括:/css-audit、/css-layout、/css-animate、/css-responsive、/css-refactor、/css-theme、/css-a11y、/css-debug。资料还提到完整模式目录见 modern-patterns.md、反模式见 anti-patterns.md、浏览器兼容见 browser-compat.md。
限制:资料未提供具体安装命令、运行环境、依赖版本、收费或授权信息;未提供各命令的详细参数与输出格式;未说明支持的浏览器最低版本或实测效果。以上均暂未提供。