mcpField
D
docs-react

docs-react

github.com/imgly開発9135 回インストール1 日前に更新
リポジトリ

docs-react について

IMG.LY CreativeEditor SDK (React) のドキュメントを検索するスキルです。質問に合うページや API リファレンスを案内し、SDK のバージョンとローカルルールの確認も促します。

主な機能

  1. 01React ドキュメントページの検索
  2. 02TypeScript API リファレンスの検索
  3. 03バージョンと変更履歴の確認
  4. 04よくある問題に関するローカルルール
  5. 05オンライン文書の取得手順

活用シーン

  1. 01CE.SDK React の設定手順の検索
  2. 02API メソッドのシグネチャや型の確認
  3. 03特定 SDK バージョン向けの手順の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/imgly/agent-skills --skill docs-react

インストール後、Claude Code で/docs-reactを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
react.md
update-check.md
rules/
asset-handling.md
common-pitfalls.md
content-fill-mode.md
silent-init-errors.md
strict-mode-double-mount.md
verify-properties-before-use.md

詳細

バージョン情報

CE.SDK 1.83.0 · 生成日 2026-09-30 · プラグイン cesdk · 正規の更新元 imgly/agent-skills。

このバンドルが6週間以上前のものの場合、またはユーザーから更新について尋ねられた場合は、タスクごとに一度 references/update-check.md に従い、結果をすべての CE.SDK スキルで再利用してください。確認は読み取り専用で行ってください。ユーザーから明示的な承認を得ることなく、インストール、更新、上書き、削除を行わないでください。更新が承認されない限り、このバンドルを使用してください。

CE.SDK React ドキュメント

IMG.LY CreativeEditor SDK(React)のドキュメントを調べます。

クエリ:$ARGUMENTS

リモートドキュメント

このスキルでは、https://img.ly/docs/cesdk/react/ にある CE.SDK ドキュメントを参照します。 このウェブサイトでは、最新の安定版 CE.SDK のみを提供しています。以前のバージョンはありません。 このバンドルの対象は CE.SDK 1.83.0 です。プロジェクトで別のバージョンの CE.SDK を使用している場合は、変更履歴とアップグレードページを読み、インストール済みパッケージの型定義も確認してください。

使い方

  1. インデックスを読む:references/react.md を読んでください。React のページとタイトル、リンクが一覧になっています。
  2. ページを選ぶ:クエリに合うページを選択してください。
  3. 各ページを Markdown として取得する:リンク末尾の / を削除して .md を追加します。 たとえば、https://img.ly/docs/cesdk/react/export-save-publish/export/to-png-f87eaf/ は https://img.ly/docs/cesdk/react/export-save-publish/export/to-png-f87eaf.md になります。 WebFetch を使用してください。WebFetch を利用できない場合(Codex など)は、curl -sL <url> を使用してください。
  4. 取得したページだけをもとに回答する:関連するセクションとコード例を提示し、ページの URL を引用してください。該当するページがない場合は、その旨を伝えてください。事前学習済みの知識で不足を補わないでください。
  5. ルールを確認する:セットアップ、初期化、または一般的な操作の前に、ローカルの rules/*.md ファイルを読んでください。ウェブサイトでは扱われていない、エージェントが注意すべき点が記載されています。

API の検索

TypeScript API に関するクエリ(メソッドのシグネチャ、型、パラメーター)について:

  • エディター API(@cesdk/cesdk-js):https://img.ly/docs/cesdk/react/api/cesdk-js.md
  • Engine API(@cesdk/engine):https://img.ly/docs/cesdk/react/api/engine.md

クラスと型のページにも同じ .md のルールが適用されます。たとえば、 https://img.ly/docs/cesdk/react/api/engine/classes/blockapi.md です。

ヒント:型を TypeScript の定義と照らし合わせて確認してください。CE.SDK は急速に進化しており、型の構造が事前学習済みの知識と異なることがあります。

全文

https://img.ly/docs/cesdk/react/llms-full.txt には React の全ページが1つのファイルにまとめられています (数 MB)。インデックスや各ページでクエリに答えられない場合に限り、最後の手段として使用してください。 curl -sL <url> | grep -n "<keyword>" で検索してください。全文を読み込まないでください。

ローカルルール

  • rules/asset-handling.md:画像形式の推奨事項、URI の解決
  • rules/common-pitfalls.md:重大な注意点(非表示の塗りつぶし、SVG のレンダリング問題)
  • rules/content-fill-mode.md:contentFillMode は塗りつぶしではなくブロックに設定します
  • rules/silent-init-errors.md:CreativeEditor の初期化コールバックはエラーを黙って無視します
  • rules/strict-mode-double-mount.md:React Strict Mode では開発時に init が2回実行されます
  • rules/verify-properties-before-use.md:プロパティを取得または設定する前に engine.block.findAllProperties() を呼び出してください

追加の対象クエリ

このスキルでは、CE.SDK のブロックタイプ、アセットソース、機能にも関するクエリを扱います。 API メソッドの検索(BlockAPI、SceneAPI、EditorAPI、AssetAPI、メソッドのシグネチャ、戻り値の型、「engine.block」形式のクエリ)にも対応します。

関連スキル

  • ユーザーがドキュメントの確認だけでなく実装の支援を求めている場合は、/imgly-sdk:build を使用してください
  • ドキュメントの範囲を超えた概念的な説明が必要な場合は、/imgly-sdk:explain を使用してください

コメント