mcpField
L
lynx-check-css-support

lynx-check-css-support

github.com/lynx-communityDevelopment28172 installsUpdated 1d ago
Repository

About lynx-check-css-support

lynx-check-css-support is a skill for checking CSS property support declared for Lynx backends and versions. Its bundled CLI queries pinned compatibility data without downloading or executing packages.

Key features

  1. 01Query CSS property compatibility
  2. 02Filter by backend and Lynx version
  3. 03Inspect nested feature keys
  4. 04Output structured JSON results
  5. 05Check the pinned data version

Use cases

  1. 01Checking whether a CSS property is available on a backend
  2. 02Comparing support across Lynx versions
  3. 03Inspecting compatibility conditions and status

Install

Copy the command and run it in a terminal.

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

After installing, type/lynx-check-css-supportin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with 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

Details

From the project README

Check Lynx CSS Support

Use the bundled CLI instead of inferring Lynx support from browser CSS behavior, documentation examples, or TypeScript types. Its data is pinned and bundled when the skill is built, so running a query never downloads or executes packages.

Treat this skill as the authority for declared backend/version availability. For questions about how a property behaves, layout semantics, syntax, or usage examples, consult the official Lynx documentation. If a request asks both whether a feature is supported and how it behaves, query support here first, then consult the docs.

Query support

Resolve this skill directory, then run:

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

Query the property's base compatibility across every backend:

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

Pass the user's backend and Lynx version when provided. Omitting --backend returns every backend. --lynx-version classifies availability for that target; it does not change the published version_added value.

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

Pass nested feature keys exactly as published. They are case-sensitive and may contain punctuation, such as Flex, rotateX, or circle(). If the exact key is unknown, inspect the property's compat_data with --json before querying the feature.

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

Report findings

Give a concise answer containing:

  • The property and nested feature/value, if any.
  • The requested backend and Lynx version, or that all backends were compared.
  • The resulting availability and published version_added value or condition.
  • Any relevant notes, partial_implementation, deprecated, or experimental status.
  • The @lynx-js/css-defines version shown by the script.

If a definition has no compat_data, report that compatibility is unspecified by the dataset. Do not interpret missing compatibility data as unsupported.

Never claim backend support from the definition's top-level version or a value's version field when compat_data.__compat.support provides backend-specific evidence. Do not treat declared availability as proof of browser parity or complete runtime behavior.

Interpret results

Treat version_added as follows:

  • A numeric version string is the minimum Lynx version for that backend.
  • A non-numeric string is a conditional requirement such as a targetSdkVersion gate; preserve and report it verbatim.
  • true means supported without a numeric minimum in the dataset.
  • false means unsupported.
  • null means unknown.

Treat availability as follows:

  • available: supported at the requested version, or supported at some version when no target was supplied.
  • requires-newer-version: supported only after the requested version.
  • conditional: support depends on the non-numeric condition shown in version_added and cannot be decided from the Lynx version alone.
  • unavailable: explicitly unsupported.
  • unknown: not established by the dataset.

Keep data current

Report the displayed package version with every compatibility answer. When the user asks whether the data is current, or freshness is important to the task, run:

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

Use --json when structured output is useful. The check reads only the latest numeric version from the public npm registry. It does not download dataset files, modify the bundled copy, or accept cache overrides. If an update is available, report both versions and recommend updating the skill. Compatibility data changes only through reviewed skill releases that bump the pinned dependency.

Comments

Markdown supported