Skip to content

AI ガイド

chartjs2img は LLM エージェントから駆動される ように設計されています。 自然言語で要件を伝え、エージェントが Chart.js 設定 JSON を生成し、 chartjs2img でレンダリングし、Chart.js エラーを読み戻して反復する — リファレンスを手でコピペする必要はありません。

このガイドは タスク志向。下の 3 つの利用パスから 1 つ選び、 最初から最後までたどってください。各チュートリアルはクリーンな マシンから始まり、PNG をレンダリングしたところで終わります (更新コマンドも載せています)。

エージェントから chartjs2img を使う 3 つの方法

チュートリアル向いている場面
Claude Code プラグインClaude Code を使っている。スラッシュコマンド (/chartjs2img-install, /chartjs2img-author, /chartjs2img-render) でワークフロー全体を駆動。
gh skill同じスキル一式を Copilot / Cursor / Gemini CLI / Codex にも (Claude Code と併用または代わりに) 入れたい。
context7 (MCP)プラグイン側に何もインストールせず、MCP 経由でドキュメントを取得させたい。読み取り専用。

併用も可。Claude プラグインには CLI を取得する /chartjs2img-install スキルが含まれます。gh skill で同じスキルを他ホストに入れられ、 context7 はプラグインなしでも動作する並列リトリーバルチャネルです。

必要なもの

chartjs2img 側では何もインストールしません。選んだチュートリアルが 要求するものを事前に入れてください。

ソフトウェア対象チュートリアル理由
git全てプラグインマーケットプレースは git クローン。
Claude CodeClaude プラグイン、context7スキル / MCP を実行するホスト。
GitHub CLI gh (v2.90+)gh skillgh skill サブコマンドを提供。
Cursor / Gemini CLI / Codexgh skill (任意の対象)代替スキルホスト。
curl, tar, unzip (Windows)/chartjs2img-install 実行時chartjs2img バイナリのダウンロード。
bun (インストール)chartjs2img をソースからビルドする場合のみリリースバイナリで代替可。

chartjs2img CLI は 手動インストール不要 — Claude プラグインに /chartjs2img-install スキルが同梱、gh skill 利用者も同じスキルを 使えます。エージェント外で入れる場合は クイックスタート または インストール を参照。chartjs2img$PATH にあれば、スキルは自動的に拾います。

Chromium はレンダー時に chartjs2img 自身が扱います。linux-arm64 の 注意事項はメインのインストールガイドを参照。

chartjs2img が公開する入口の全体像

チュートリアルを選ぶ前にフルツアーしたい場合:

  • chartjs2img llm — Chart.js config JSON の形状、同梱プラグインの全オプション、標準例をワンショット Markdown で吐き出す。/chartjs2img-author スキルは JSON の形状とプラグインカタログを既に内包しているので、個別プラグインの詳細オプション表がほしいときだけエージェントがここに落ちてくる設計。
  • /llms.txt + /llms-full.txt — ドキュメントサイト直下のパブリック発見ファイル。
  • context7.jsoncontext7 MCP リトリーバルに登録。
  • plugins/chartjs2img — Claude Code と gh skill で配布される 3 スキル (chartjs2img-install, chartjs2img-render, chartjs2img-author)。

CLI リファレンスchartjs2img llm を完全に文書化 — エージェント がスキル経由で駆動する場合も、ターミナルで手動実行する場合も参照できます。

チュートリアル

ここから:

  • Claude Code プラグイン — 既に Claude Code を使っていれば 10 分。
  • gh skill — Copilot / Cursor / Gemini / Codex にスキルを入れたい場合。
  • context7 — chartjs2img 固有物を何も入れずに、MCP 経由でドキュメントを 取得 させたい場合。
このページを編集Last updated: