mcpField
E
explain

explain

github.com/imgly開発9160 回インストール今日更新
リポジトリ

explain について

Web、モバイル、デスクトップの各フレームワークを対象に、CE.SDK の概念を解説するスキルです。プロジェクトのプラットフォームを判定し、対応する資料とドキュメントに基づいて説明や例を提示します。

主な機能

  1. 01プラットフォームとフレームワークの判定
  2. 02Web とモバイル向けの案内
  3. 03プラットフォーム別の解説資料
  4. 04ドキュメントに基づく例
  5. 05概念、例、トレードオフの構成

活用シーン

  1. 01CE.SDK の概念の理解
  2. 02現在のプロジェクトに合う例の取得
  3. 03関連トピックとトレードオフの確認

インストール

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

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

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

同梱ファイル

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

references/
update-check.md
references/android/
README.md
references/flutter/
README.md
references/react-native/
README.md
references/swift/
README.md
references/web/
README.md

詳細

バージョンに関するお知らせ

CE.SDK 1.84.0 · 生成日 2026-10-14 · プラグイン imgly-sdk · 正規の更新元 imgly/agent-skills。

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

CE.SDK の解説

トピック：$ARGUMENTS

対象：Web（React、Vue.js、Svelte、Angular、Electron、Vanilla JavaScript、Node.js、Nuxt.js、Next.js、SvelteKit）、iOS および Android 上の Flutter（Dart）、iOS および Android 上の React Native（TypeScript）、iOS、macOS、Mac Catalyst 上の Swift、Android 上の Kotlin および Jetpack Compose。

プラットフォームの検出

プロジェクトファイルからプラットフォームを検出し、一致するリファレンスフォルダーを読み込んでください。

プロジェクトファイルプラットフォームリファレンスフォルダー
pubspec.yaml（その android/ および ios/ フォルダーは Flutter アプリに属します）Flutter（Dart、iOS および Android 上のネイティブエディター）references/flutter/
package.json の依存関係に react-native がある（その android/ および ios/ フォルダーは React Native アプリに属します）React Native（TypeScript、iOS および Android 上のネイティブエディター）references/react-native/
Package.swift、*.xcodeproj、または *.xcworkspaceSwift（iOS、macOS、Mac Catalyst）references/swift/
build.gradle、build.gradle.kts、または settings.gradle*Android（Kotlin、Jetpack Compose）references/android/
package.jsonWeb — 依存関係からフレームワークを選択します（下の表を参照）references/web/

上から順に行を照合してください。Flutter または React Native のプロジェクトにも android/ および ios/ フォルダーがあり、React Native プロジェクトでは package.json に react が記載されています。これらのファイルはラッパーアプリに属するため、Swift、Android、Web の行よりも該当する行が優先されます。

package.json の依存関係から Web フレームワークを判定する

次の順序で確認してください：react-native → React Native（Web ではなく、上の行を参照）、次に next → Next.js、nuxt → Nuxt.js、@sveltejs/kit → SvelteKit、 @angular/core → Angular、svelte → Svelte、vue → Vue.js、react → React、 electron → Electron、@cesdk/node またはサーバープロジェクト → Node.js、該当なし → Vanilla JS。

フレームワークドキュメントフォルダー
Reactskills/docs/references/web/react/
Vue.jsskills/docs/references/web/vue/
Svelteskills/docs/references/web/svelte/
Angularskills/docs/references/web/angular/
Electronskills/docs/references/web/electron/
Vanilla JavaScriptskills/docs/references/web/js/
Node.jsskills/docs/references/web/node/
Nuxt.jsskills/docs/references/web/nuxtjs/
Next.jsskills/docs/references/web/nextjs/
SvelteKitskills/docs/references/web/sveltekit/

これらのファイルが複数あるモノレポ、または空のフォルダーは判定できません。推測せず、対象とするプラットフォームおよびフレームワークをユーザーに確認してください。 Flutter または React Native の回答でネイティブマッピングが必要とする Swift および Kotlin のコードを追加する場合を除き、1つの回答で複数のプラットフォームの内容を混在させないでください。

使用方法

  1. 上記の手順でプラットフォームとフレームワークを検出します。
  2. このスキルの references/ 内にある、一致するフォルダーの README.md を読み込みます。そこには、そのプラットフォーム向けの解説ガイドラインと出力形式が記載されています。
  3. ドキュメントに基づいて解説します。skills/docs/references/ 内にある、同じプラットフォームおよびフレームワークのフォルダーの README.md に従ってください。
  4. 概念を最初に説明し、検出したプラットフォームで有効な完全な例を示した後、トレードオフと関連トピックを紹介してください。

関連スキル

  • ソースドキュメントと API リファレンスには /imgly-sdk:docs を使用してください
  • ユーザーが解説ではなく実装を求めている場合は /imgly-sdk:build を使用してください

コメント

Markdown 対応