jpskill.com
🛠️ 開発・MCP コミュニティ

ag-grid-cli

AG Gridの導入や移行作業を効率化するため、ドキュメント検索、バージョン確認、サンプルコードの利用、定義参照、アップグレード手順の確認などをローカルCLIから簡単に行えるように支援するSkill。

📜 元の英語説明(参考)

Use AG Grid MCP-style docs search, version detection, examples, definitions, and upgrade guidance through a lightweight local CLI wrapper. Use when working on AG Grid integration or migration tasks.

🇯🇵 日本人クリエイター向け解説

一言でいうと

AG Gridの導入や移行作業を効率化するため、ドキュメント検索、バージョン確認、サンプルコードの利用、定義参照、アップグレード手順の確認などをローカルCLIから簡単に行えるように支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o ag-grid-cli.zip https://jpskill.com/download/9652.zip && unzip -o ag-grid-cli.zip && rm ag-grid-cli.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/9652.zip -OutFile "$d\ag-grid-cli.zip"; Expand-Archive "$d\ag-grid-cli.zip" -DestinationPath $d -Force; ri "$d\ag-grid-cli.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して ag-grid-cli.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → ag-grid-cli フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

AG Grid CLI

AG Grid のドキュメント、サンプル、API リファレンス、バージョン検出、または移行ガイダンスが必要だが、AG Grid MCP サーバーではなくローカルの CLI ワークフローを使用したい場合に、このスキルを使用します。

この CLI は、公式の AG Grid MCP サーバーのドキュメントをモデルにしています。

  • search_docs
  • detect_version
  • set_version
  • list_versions
  • quick-start
  • upgrade-grid
  • articles、definitions、および examples のリソース

参考:

目的

AG Grid MCP サーバーは、LLM にフレームワーク固有およびバージョン固有の AG Grid コンテキストを提供します。ag-grid-cli は、エージェントが同じクラスの情報を直接取得できるように、同じ実用的な機能をターミナルコマンドとして公開します。

ブートストラップ

このスキルは、インストール後のビルドなしでの利用を想定して設計されています。

  • ランタイムコンパイルなし
  • ランタイム npm install なし
  • バンドルされた CLI はリポジトリにコミット済み
  • ランタイムに必要なのは Node.js のみ

主な呼び出し:

node <skill-dir>/bundle/ag-grid-cli.cjs <command> [args...]

これは、スキルがインストールされた後にエージェントが使用すべきデフォルトのコマンドです。 ag-grid-cli が PATH 上にあることを前提としないでください。

エージェントがインストールされたスキルのパスを知っている場合は、兄弟バンドルを直接実行します。

利用可能な場合は、オプションのショートカット:

ag-grid-cli <command> [args...]

あらゆる OS でのポータブルなフォールバック:

node <skill-dir>/bundle/ag-grid-cli.cjs <command> [args...]

プラットフォームラッパー:

  • macOS/Linux: <skill-dir>/ag-grid-cli.sh
  • Windows cmd: <skill-dir>\\ag-grid-cli.cmd
  • Windows PowerShell: <skill-dir>\\ag-grid-cli.ps1

ランチャーの動作:

  • コミットされたバンドルが正規のランタイムです
  • ラッパーはコミットされたバンドルを直接呼び出します
  • PATH 上の ag-grid-cli は、オプションの利便性のためだけに存在します
  • Node が必要ですが、実行時に npm install は実行しません
  • その後、CLI を実行します

これにより、別のプロジェクトに埋め込まれたエージェントにとって使い方が簡単になります。ユーザーはこのスキルフォルダーを追加でき、エージェントはコミットされたバンドルをすぐに実行できます。

命名:

  • インストールされた CLI バイナリ: ag-grid-cli
  • リポジトリローカルの Unix ラッパー: ./ag-grid-cli.sh
  • リポジトリローカルの Windows cmd ラッパー: ag-grid-cli.cmd
  • リポジトリローカルの Windows PowerShell ラッパー: ag-grid-cli.ps1
  • リポジトリローカルのポータブルバンドルエントリ: node bundle/ag-grid-cli.cjs

エージェントへの通知

スキルインストール後、インストールされたスキルディレクトリ内の兄弟バンドルを優先してください。

  • node <skill-dir>/bundle/ag-grid-cli.cjs ...

バイナリが PATH 上で利用可能であることをすでに知っている場合にのみ、ag-grid-cli ... を使用してください。

前提条件が欠落している場合は、続行する前に明示的に述べてください。

  • Node.js is required to run ag-grid-cli.

インストールされたスキルディレクトリ内で、サイレントに依存関係をコンパイルまたはインストールしようとしないでください。 ブートストラップステップとして、スキルフォルダーから npm install を実行しないでください。

用途

  • リポジトリ内の AG Grid のバージョンとフレームワークの検出
  • 検出が間違っているか曖昧な場合に、バージョン/フレームワークを固定する
  • AG Grid コードを編集する前にドキュメントを検索する
  • 完全な記事、API 定義、およびサンプルを取得する
  • 新規または既存のグリッドのクイックスタートプランを生成する
  • AG Grid アップグレードの移行プランを生成する

コマンドマッピング

公式 MCP の概念 -> CLI の同等物

  • detect_version -> ag-grid-cli detect-version
  • set_version -> ag-grid-cli set-version --version <semver> --framework <framework>
  • list_versions -> ag-grid-cli list-versions
  • search_docs -> ag-grid-cli search-docs "<query>"
  • articles リソース -> ag-grid-cli articles list|get
  • definitions リソース -> ag-grid-cli definitions list|get
  • examples リソース -> ag-grid-cli examples list|get
  • quick-start プロンプト -> ag-grid-cli quick-start
  • upgrade-grid プロンプト -> ag-grid-cli upgrade-grid --to <semver>

デフォルトのワークフロー

AG Grid リポジトリで作業する場合は、まず次のことを行います。

  1. 現在の設定を検出します。
    • node <skill-dir>/bundle/ag-grid-cli.cjs detect-version
  2. 検出が失敗した場合、またはリポジトリが通常と異なる場合は、手動で設定します。
    • node <skill-dir>/bundle/ag-grid-cli.cjs set-version --version 35.1.0 --framework vue
  3. コードを変更する前にドキュメントを検索します。
    • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "cell renderer"
  4. タスクが実装に大きく依存する場合は、正確なリソースを取得します。
    • node <skill-dir>/bundle/ag-grid-cli.cjs articles get <slug>
    • node <skill-dir>/bundle/ag-grid-cli.cjs definitions get <apiName>
    • node <skill-dir>/bundle/ag-grid-cli.cjs examples get <articleSlug> <exampleSlug>

推奨されるエージェントの動作

  • search-docs の前に detect-version を優先します。
  • デフォルトの呼び出しとして node <skill-dir>/bundle/ag-grid-cli.cjs ... を優先します。
  • 環境がすでに存在することを示していない限り、PATH 上の ag-grid-cli をプローブするのにターンを費やさないでください。
  • リポジトリが latest のような非セマンティックバージョンのタグを使用している場合は、CLI に正規化させてください。
  • チェーニングまたは解析のために機械可読な出力が必要な場合は、--json を使用します。
  • シェルパイプライン用に安定した行ベースの出力が必要な場合は、--plain を使用します。
  • モノレポまたは混合フレームワークリポジトリでは、明示的な --framework および --version オーバーライドを使用します。
  • 複数のメジャーバージョンにわたるアップグレードの場合は、upgrade-grid を使用し、一度に 1 つのメジャーバージョンに従ってください。

検索ガイダンス

自然言語クエリを使用します。MCP ドキュメントと同じスタイルです。

  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "column sorting"
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "cell renderers" --framework vue
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "server side row model filtering" --version 34.3.0
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "data grid performance" --framework react --limit 3

検索結果に API 名または記事スラッグが表示された場合は、以下を続けてください。

  • node <skill-dir>/bundle/ag-grid-cli.cjs definitions get <name>
  • node <skill-dir>/bundle/ag-grid-cli.cjs articles get <slug>

リソースワークフロー

記事をリスト表示します。

node <skill-dir>/bundle/ag-grid-cli.cjs articles list --framework vue

1 つの記事を読みます。

node <skill-dir>/bundle/ag-grid-cli.
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

AG Grid CLI

Use this skill when you need AG Grid documentation, examples, API references, version detection, or migration guidance, but you want a local CLI workflow instead of the AG Grid MCP server.

This CLI is modeled after the official AG Grid MCP server documentation:

  • search_docs
  • detect_version
  • set_version
  • list_versions
  • quick-start
  • upgrade-grid
  • resources for articles, definitions, and examples

Reference:

Purpose

The AG Grid MCP server gives LLMs framework-specific and version-specific AG Grid context. ag-grid-cli exposes the same practical capabilities as terminal commands so an agent can fetch the same class of information directly.

Bootstrap

This skill is designed for zero-build consumption after install.

  • no runtime compilation
  • no runtime npm install
  • bundled CLI is committed to the repo
  • only runtime requirement: Node.js

Primary invocation:

node <skill-dir>/bundle/ag-grid-cli.cjs <command> [args...]

This is the default command agents should use after the skill is installed. Do not assume ag-grid-cli is on PATH.

If the agent knows the installed skill path, run the sibling bundle directly.

Optional shortcut when available:

ag-grid-cli <command> [args...]

Portable fallback on any OS:

node <skill-dir>/bundle/ag-grid-cli.cjs <command> [args...]

Platform wrappers:

  • macOS/Linux: <skill-dir>/ag-grid-cli.sh
  • Windows cmd: <skill-dir>\\ag-grid-cli.cmd
  • Windows PowerShell: <skill-dir>\\ag-grid-cli.ps1

Launcher behavior:

  • the committed bundle is the canonical runtime
  • wrappers call the committed bundle directly
  • ag-grid-cli on PATH is only an optional convenience
  • it requires Node, but does not run npm install at runtime
  • then it executes the CLI

This keeps usage simple for agents embedded in another project: the user can add this skill folder, and the agent can run the committed bundle immediately.

Naming:

  • installed CLI binary: ag-grid-cli
  • repo-local Unix wrapper: ./ag-grid-cli.sh
  • repo-local Windows cmd wrapper: ag-grid-cli.cmd
  • repo-local Windows PowerShell wrapper: ag-grid-cli.ps1
  • repo-local portable bundle entry: node bundle/ag-grid-cli.cjs

Agent Notice

After skill install, prefer the sibling bundle in the installed skill directory:

  • node <skill-dir>/bundle/ag-grid-cli.cjs ...

Only use ag-grid-cli ... if you already know the binary is available on PATH.

If a prerequisite is missing, say it explicitly before continuing:

  • Node.js is required to run ag-grid-cli.

Do not silently try to compile or install dependencies inside the installed skill directory. Do not run npm install from the skill folder as a bootstrap step.

Use This For

  • detecting the AG Grid version and framework in a repo
  • pinning a version/framework when detection is wrong or ambiguous
  • searching docs before editing AG Grid code
  • fetching full articles, API definitions, and examples
  • generating a quick-start plan for a new or existing grid
  • generating a migration plan for AG Grid upgrades

Command Mapping

Official MCP concept -> CLI equivalent

  • detect_version -> ag-grid-cli detect-version
  • set_version -> ag-grid-cli set-version --version <semver> --framework <framework>
  • list_versions -> ag-grid-cli list-versions
  • search_docs -> ag-grid-cli search-docs "<query>"
  • articles resource -> ag-grid-cli articles list|get
  • definitions resource -> ag-grid-cli definitions list|get
  • examples resource -> ag-grid-cli examples list|get
  • quick-start prompt -> ag-grid-cli quick-start
  • upgrade-grid prompt -> ag-grid-cli upgrade-grid --to <semver>

Default Workflow

When working in an AG Grid repo, do this first:

  1. Detect the current setup.
    • node <skill-dir>/bundle/ag-grid-cli.cjs detect-version
  2. If detection fails or the repo is unusual, set it manually.
    • node <skill-dir>/bundle/ag-grid-cli.cjs set-version --version 35.1.0 --framework vue
  3. Search docs before changing code.
    • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "cell renderer"
  4. Pull exact resources when the task is implementation-heavy.
    • node <skill-dir>/bundle/ag-grid-cli.cjs articles get <slug>
    • node <skill-dir>/bundle/ag-grid-cli.cjs definitions get <apiName>
    • node <skill-dir>/bundle/ag-grid-cli.cjs examples get <articleSlug> <exampleSlug>

Recommended Agent Behavior

  • Prefer detect-version before search-docs.
  • Prefer node <skill-dir>/bundle/ag-grid-cli.cjs ... as the default invocation.
  • Do not spend turns probing ag-grid-cli on PATH unless the environment already indicates it exists.
  • If the repo uses a non-semver tag like latest, let the CLI normalize it.
  • Use --json when you need machine-readable output for chaining or parsing.
  • Use --plain when you need stable line-based output for shell pipelines.
  • Use explicit --framework and --version overrides in monorepos or mixed-framework repos.
  • For upgrades across multiple major versions, use upgrade-grid and follow one major at a time.

Search Guidance

Use natural language queries, same style as the MCP docs:

  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "column sorting"
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "cell renderers" --framework vue
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "server side row model filtering" --version 34.3.0
  • node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "data grid performance" --framework react --limit 3

When search results surface an API name or article slug, follow up with:

  • node <skill-dir>/bundle/ag-grid-cli.cjs definitions get <name>
  • node <skill-dir>/bundle/ag-grid-cli.cjs articles get <slug>

Resource Workflows

List articles:

node <skill-dir>/bundle/ag-grid-cli.cjs articles list --framework vue

Read one article:

node <skill-dir>/bundle/ag-grid-cli.cjs articles get component-cell-renderer --framework vue

List API definitions:

node <skill-dir>/bundle/ag-grid-cli.cjs definitions list --version 35.1.0

Read one definition:

node <skill-dir>/bundle/ag-grid-cli.cjs definitions get cellRenderer

List examples:

node <skill-dir>/bundle/ag-grid-cli.cjs examples list --framework vue --language typescript

Read one example:

node <skill-dir>/bundle/ag-grid-cli.cjs examples get row-ids row-data --framework vue --language typescript

Prompt Workflows

Quick start plan:

node <skill-dir>/bundle/ag-grid-cli.cjs quick-start --framework vue --typescript --feature pagination --feature row-grouping

Upgrade plan:

node <skill-dir>/bundle/ag-grid-cli.cjs upgrade-grid --to 35.1.0

Explicit upgrade path:

node <skill-dir>/bundle/ag-grid-cli.cjs upgrade-grid --from 33.2.0 --to 35.1.0 --framework react

Output Contract

  • Human mode: readable summaries and content blocks.
  • --json: structured stdout.
  • --plain: stable tab-separated or raw content output.
  • Primary data goes to stdout.
  • Errors go to stderr.

Guardrails

  • Do not guess AG Grid version-specific behavior when the CLI can resolve it.
  • Do not skip version detection before migrations unless the user gave an explicit version.
  • Do not jump multiple major AG Grid versions in one migration plan.
  • Prefer fetching the exact article or definition when changing a fragile AG Grid API surface.

Example Agent Loops

Implement a feature:

  1. node <skill-dir>/bundle/ag-grid-cli.cjs detect-version
  2. node <skill-dir>/bundle/ag-grid-cli.cjs search-docs "set filter tree list" --framework vue
  3. node <skill-dir>/bundle/ag-grid-cli.cjs definitions get ISetFilterParams
  4. node <skill-dir>/bundle/ag-grid-cli.cjs examples list --framework vue --language typescript

Plan an upgrade:

  1. node <skill-dir>/bundle/ag-grid-cli.cjs detect-version
  2. node <skill-dir>/bundle/ag-grid-cli.cjs list-versions
  3. node <skill-dir>/bundle/ag-grid-cli.cjs upgrade-grid --to 35.1.0
  4. node <skill-dir>/bundle/ag-grid-cli.cjs articles get upgrading-to-ag-grid-34
  5. node <skill-dir>/bundle/ag-grid-cli.cjs articles get upgrading-to-ag-grid-35