mcpField
L
lynx-check-css-support

lynx-check-css-support

github.com/lynx-community开发28172 次安装1 天前更新
代码仓库

关于 lynx-check-css-support

lynx-check-css-support 是用于查询 Lynx 各后端和版本所声明 CSS 属性支持情况的技能。它通过内置 CLI 查询固定版本的兼容性数据，无需下载或执行软件包。

主要功能

  1. 01查询 CSS 属性兼容性
  2. 02按后端和 Lynx 版本筛选
  3. 03检查嵌套功能键
  4. 04输出 JSON 结构化结果
  5. 05查看固定数据版本

适用场景

  1. 01确认某后端是否支持 CSS 属性
  2. 02比较不同 Lynx 版本的支持情况
  3. 03查看兼容条件与支持状态

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/lynx-community/skills --skill lynx-check-css-support

安装后在 Claude Code 中输入/lynx-check-css-support确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
scripts/css-defines/css_defines/
1-top.json
10-border-top-color.json
100-background-origin.json
101-background-repeat.json
102-background-size.json
103-border.json
104-visibility.json
105-border-right.json
106-border-left.json
107-border-top.json
108-border-bottom.json
109-transition.json
11-border-bottom-color.json
110-transition-property.json
111-transition-duration.json
112-transition-delay.json
113-transition-timing-function.json
114-content.json
115-border-left-style.json
116-border-right-style.json
117-border-top-style.json
118-border-bottom-style.json
119-implicit-animation.json
12-border-radius.json
120-overflow-x.json
121-overflow-y.json
122-word-break.json
123-background-clip.json
124-outline.json

详细介绍

检查 Lynx CSS 支持情况

请使用随附的 CLI，而不要根据浏览器 CSS 行为、文档示例或 TypeScript 类型推断 Lynx 支持情况。数据在构建此技能时已固定版本并随技能打包，因此运行查询时不会下载或执行任何包。

对于已声明的后端／版本可用性，请以此技能为准。关于属性的行为、布局语义、语法或用法示例，请查阅 Lynx 官方文档。如果请求同时询问某项功能是否受支持及其行为，请先在此处查询支持情况，再查阅文档。

查询支持情况

解析此技能所在目录，然后运行：

node <skill-directory>/scripts/query-css-compat.mjs <property> [options]

查询该属性在所有后端上的基础兼容性：

node <skill-directory>/scripts/query-css-compat.mjs display

如果用户提供了后端和 Lynx 版本，请一并传入。省略 --backend 会返回所有后端。--lynx-version 用于判定目标版本的可用性；它不会更改已发布的 version_added 值。

node <skill-directory>/scripts/query-css-compat.mjs display \
  --feature grid \
  --backend android \
  --lynx-version 2.0

请完全按照发布的形式传入嵌套功能键。这些键区分大小写，且可能包含标点，例如 Flex、rotateX 或 circle()。如果不知道确切的键，请先使用 --json 检查该属性的 compat_data，再查询功能。

node <skill-directory>/scripts/query-css-compat.mjs filter \
  --feature brightness \
  --backend harmony \
  --lynx-version 3.5 \
  --json

报告结果

简洁作答，包含以下内容：

  • 属性，以及嵌套功能／值（如有）。
  • 请求的后端和 Lynx 版本，或者说明已比较所有后端。
  • 得出的 availability 和已发布的 version_added 值或条件。
  • 任何相关备注、partial_implementation、已弃用或实验性状态。
  • 脚本显示的 @lynx-js/css-defines 版本。

如果定义没有 compat_data，请说明数据集未明确指定其兼容性。不要将缺少兼容性数据解读为不受支持。

如果定义顶层的 version 或某个值的 version 字段与 compat_data.__compat.support 提供的后端专属证据不符，切勿据此声称该后端受支持。不要将已声明的可用性视为与浏览器行为一致或运行时行为完整的证明。

解读结果

按以下方式解读 version_added：

  • 数字版本字符串表示该后端支持该功能的最低 Lynx 版本。
  • 非数字字符串表示条件要求，例如 targetSdkVersion 门槛；请原样保留并报告。
  • true 表示数据集中将其标记为受支持，但未指定数字版本下限。
  • false 表示不受支持。
  • null 表示未知。

按以下方式解读 availability：

  • available：在请求的版本中受支持；未提供目标版本时，则表示在某个版本中受支持。
  • requires-newer-version：仅在高于请求版本的版本中受支持。
  • conditional：支持情况取决于 version_added 中所示的非数字条件，无法仅凭 Lynx 版本判定。
  • unavailable：明确不受支持。
  • unknown：数据集尚未确定。

保持数据最新

每次回答兼容性问题时，都要报告显示的软件包版本。当用户询问数据是否为最新，或任务特别关注数据新鲜度时，请运行：

node <skill-directory>/scripts/query-css-compat.mjs --check-updates

适合使用结构化输出时，请使用 --json。此检查仅从公共 npm 注册表读取最新的数字版本。它不会下载数据集文件、修改随附副本，也不接受缓存覆盖选项。如果有可用更新，请报告两个版本并建议更新技能。兼容性数据仅通过经过审核、会更新固定依赖版本的技能发布进行更改。

评论

支持 Markdown