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. 01CSSプロパティの互換性照会
  2. 02バックエンドとLynxバージョンで絞り込み
  3. 03ネストされた機能キーの確認
  4. 04JSON形式の結果出力
  5. 05固定データのバージョン確認

活用シーン

  1. 01バックエンドでのCSSプロパティ対応確認
  2. 02Lynxバージョン間の対応状況比較
  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 サポートの確認

ブラウザの CSS の挙動、ドキュメントの例、TypeScript の型から Lynx のサポートを推測するのではなく、同梱の CLI を使用してください。このデータはスキルのビルド時に固定されて同梱されるため、クエリを実行してもパッケージがダウンロードされたり実行されたりすることはありません。

このスキルを、宣言されたバックエンド／バージョンの可用性に関する権威として扱ってください。プロパティの挙動、レイアウトのセマンティクス、構文、使用例に関する質問については、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 がない場合は、互換性はデータセットによって未指定であると報告してください。互換性データの欠落を、サポートされていないものとして解釈しないでください。

compat_data.__compat.support がバックエンド固有の根拠を提供している場合に、定義のトップレベルの version や値の version フィールドからバックエンドのサポートを主張しないでください。宣言された可用性を、ブラウザとの同等性や完全なランタイム挙動の証明として扱わないでください。

結果の解釈

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 対応