SuperAPI AI 工具集

css-modern

前端与建站

查看项目

更新于 10-16 08:07

技能介绍

用途:为现代 CSS 特性提供聚焦、原子化的使用指导,覆盖 2022-2025 年的前沿特性,并给出浏览器兼容信息与回退策略。

主要能力:涵盖五个话题——自定义属性(声明与继承、calc() 计算值、主题系统、JavaScript 集成)、容器查询(container-type 与 container-name、@container 语法、cqi/cqw 等容器查询单位、样式查询)、:has() 选择器(父元素选择、表单状态样式、前一个兄弟元素选择、性能考量)、@layer 级联层(层定义与顺序、三方 CSS 管理、无需 !important 的优先级控制)、原生 CSS 嵌套(嵌套语法、& 选择器、嵌套中的媒体查询)。

使用方式:通过 Skill("css-modern") 调用。参数 schema 中 feature 为必填,取值限于 custom-properties、container-queries、has-selector、layers、nesting、logical-properties;include_fallback 可选,默认 true,用于包含浏览器回退模式;browser_support 可选,默认 true,用于包含兼容信息。校验规则要求 feature 必填且必须是上述合法值。

适用场景:需要编写或审查使用上述现代 CSS 特性的样式代码,并关注浏览器兼容与渐进增强时。

限制:复杂度标注为 Advanced to Expert,依赖 css-fundamentals,绑定智能体 07-css-modern-features。资料列出的浏览器支持为 2025 年数据,实际使用需按目标浏览器核对。文案未提供安装命令、定价或运行环境要求。