用途：该技能用于编写、调试与优化现代 CSS，覆盖布局、动画、响应式、性能与可访问性等任务。
主要能力：提供 flexbox 与 grid 布局模式、容器查询、自定义属性、@layer 级联层、:is()/:where()/:has() 等现代选择器、视图过渡与滚动驱动动画、流体排版、现代颜色函数、@supports 渐进增强、性能优化（contain、content-visibility、GPU 加速）、BEM 与工具类命名、文件组织、可访问性（focus-visible、prefers-reduced-motion、prefers-contrast）以及 CSS reset 等实践。
使用方式：需要查询 CSS 属性、语法、浏览器兼容性或规范细节时，使用 context7 MCP 工具查询 MDN 等文档，例如 context7 "CSS flexbox properties"、context7 "CSS container queries browser support"。工作流建议：先用 context7 查证，再移动优先编码，用 @supports 做渐进增强，跨浏览器测试，用 W3C 校验器验证，最后做性能优化与注释。
适用场景：编写或调试 CSS、实现 flexbox/grid/容器查询布局、处理动画与过渡、做响应式与深色模式、优化渲染性能、提升可访问性。
限制：资料未提供该技能的安装命令、收费方式、平台支持与具体效果数据；部分现代特性（如容器查询、:has()、视图过渡、滚动驱动动画、color-contrast）的浏览器支持需自行通过 context7 核实。