docs-react について
IMG.LY CreativeEditor SDK (React) のドキュメントを検索するスキルです。質問に合うページや API リファレンスを案内し、SDK のバージョンとローカルルールの確認も促します。
主な機能
- 01React ドキュメントページの検索
- 02TypeScript API リファレンスの検索
- 03バージョンと変更履歴の確認
- 04よくある問題に関するローカルルール
- 05オンライン文書の取得手順
活用シーン
- 01CE.SDK React の設定手順の検索
- 02API メソッドのシグネチャや型の確認
- 03特定 SDK バージョン向けの手順の確認
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ imgly/ agent-skills --skill docs-reactインストール後、Claude Code で/docs-reactを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/react.mdupdate-check.mdrules/asset-handling.mdcommon-pitfalls.mdcontent-fill-mode.mdsilent-init-errors.mdstrict-mode-double-mount.mdverify-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 を使用している場合は、変更履歴とアップグレードページを読み、インストール済みパッケージの型定義も確認してください。
使い方
- インデックスを読む:
references/react.mdを読んでください。React のページとタイトル、リンクが一覧になっています。 - ページを選ぶ:クエリに合うページを選択してください。
- 各ページを 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>を使用してください。 - 取得したページだけをもとに回答する:関連するセクションとコード例を提示し、ページの URL を引用してください。該当するページがない場合は、その旨を伝えてください。事前学習済みの知識で不足を補わないでください。
- ルールを確認する:セットアップ、初期化、または一般的な操作の前に、ローカルの
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を使用してください