mcpField
D
docs-nextjs

docs-nextjs

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

docs-nextjs について

Next.js プロジェクト向けの IMG.LY CreativeEditor SDK ドキュメント検索スキルです。関連ドキュメント、API リファレンス、ローカルルールを参照し、取得したページに基づいて回答します。

主な機能

  1. 01関連する Next.js ドキュメントページの検索
  2. 02ドキュメントを Markdown で取得
  3. 03TypeScript API リファレンスの参照
  4. 04ローカル実装ルールの確認

活用シーン

  1. 01CE.SDK の Next.js 機能のガイドを探す
  2. 02API シグネチャと型を確認
  3. 03セットアップや一般的な操作の前にローカルルールを確認

インストール

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

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

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

同梱ファイル

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

references/
nextjs.md
update-check.md
rules/
asset-handling.md
common-pitfalls.md
content-fill-mode.md
silent-init-errors.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 Next.js ドキュメント

IMG.LY CreativeEditor SDK（Next.js）のドキュメントを参照します。

クエリ：$ARGUMENTS

リモートドキュメント

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

使用方法

  1. インデックスを読む：references/nextjs.md を読みます。Next.js のすべてのページと、そのタイトルおよびリンクが記載されています。
  2. ページを選ぶ：クエリに該当するページを選びます。
  3. 各ページを Markdown として取得する：リンク末尾の / を削除し、.md を追加します。 たとえば、https://img.ly/docs/cesdk/nextjs/export-save-publish/export/to-png-f87eaf/ は https://img.ly/docs/cesdk/nextjs/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/nextjs/api/cesdk-js.md
  • エンジン API（@cesdk/engine）：https://img.ly/docs/cesdk/nextjs/api/engine.md

クラスと型のページも、同じ .md の規則に従います。たとえば、 https://img.ly/docs/cesdk/nextjs/api/engine/classes/blockapi.md です。

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

全文

https://img.ly/docs/cesdk/nextjs/llms-full.txt には、Next.js の全ページが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/verify-properties-before-use.md：プロパティを取得または設定する前に engine.block.findAllProperties() を呼び出してください

追加の対象

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

関連スキル

  • 実装のサポートが必要な場合（ドキュメントの参照だけではない場合）は、`/imgly-sdk:build` を使用してください
  • ドキュメントの範囲を超える概念的な説明が必要な場合は、`/imgly-sdk:explain` を使用してください

コメント

Markdown 対応