mcpField
C
canva-classroom-helper

canva-classroom-helper

github.com/canva-sdksドキュメント13854 回インストール5 日前に更新
リポジトリ

canva-classroom-helper について

canva-classroom-helperは、教師向けに授業計画を複数スライドのCanvaプレゼンテーションへまとめるスキルです。授業の流れやスライド内容、発表者ノートを含めます。

主な機能

  1. 01テキスト、Canvaリンク、ID、検索から計画を取得
  2. 02ブランドキットの選択
  3. 03複数スライドのプレゼンテーション生成
  4. 04授業目標と発表者ノートの追加
  5. 05生成された画像やテキストの確認を促進

活用シーン

  1. 01授業計画を授業用スライドに変換
  2. 02学校のブランドキットに沿ったスライド作成
  3. 03授業進行メモ付きスライドの準備

MCP 対応

Canvaのツールを使ってデザインの検索・読み込み、ブランドキットの一覧表示、プレゼンテーション候補の生成、編集可能なデザインの作成を行います。

インストール

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

$npx skills add https://github.com/canva-sdks/canva-skills --skill canva-classroom-helper

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

詳細

Canva Classroom Helper — 授業計画からスライド資料へ

授業計画を、教えやすく明快なプレゼンテーションに変換します。学習目標を画面に示し、論理的な流れで構成し、スライドごとに発表者ノートを付けることで、教師が1つの資料で授業を進行できます。

ワークフロー

  1. 授業計画のソースを取得する(必ず最初に行ってください。代わりのチェックリストはありません)

    • 一般的な2部構成の質問(例:「計画を貼り付けてください」と「トピックと重要なポイントを説明してください」)から始めないでください。授業計画にはすでにトピックと重要なポイントが含まれているため、重複して尋ねるのは冗長であり、このステップの本来の作業(テキスト、Canva リンク、検索)を省略することになります。
    • ユーザーがまだソースを提示していない場合は、このステップに沿った短い質問を1つだけしてください。たとえば、授業計画の全文をここに貼り付ける、Canva のデザインリンクまたはデザイン IDを指定する、あるいは Canva で検索する正確なタイトルを教えてください。計画がファイルにある場合は、内容を貼り付けるか、読み取り可能なパスを指定してください。 その後、以下の該当する分岐に進みます。
    • ユーザーが授業計画をチャット内のテキストで提示した場合は、それを完全なソースとして使用します
    • ユーザーがCanva のデザイン ID(デザイン URL に含まれる識別子。通常は D で始まります。例:DABcd1234ef)を直接提示した場合は、その値を design_id として Canva:start-editing-transaction に渡し、テキスト内容を読み取ります(URL の解析は不要で、リンクから読み取る場合と同じです)
    • ユーザーがCanva のデザインリンク(例:https://www.canva.com/design/DAG.../...)を提示した場合は、パスからデザイン ID を抽出し、Canva:start-editing-transaction に渡してテキスト内容を読み取ります
    • ユーザーが名前でCanva のドキュメントまたはデザインを指定した場合は、Canva:search-designs で検索してから、Canva:start-editing-transaction で内容を読み取ります
  2. 利用可能なブランドキットを一覧表示する

    • Canva:list-brand-kits を呼び出して、ユーザーのブランドキットを取得します
    • ブランドキットが1つだけの場合は、質問せずに自動的に使用します
    • ブランドキットが複数ある場合は、選択肢を提示してユーザーに1つ選んでもらいます(該当する場合は、学校または学区のブランド)
  3. プレゼンテーションを生成する

    • 以下を指定して Canva:generate-design を呼び出します。
      • design_type: "presentation"
      • brand_kit_id: 選択したブランドキット ID
      • query: 以下の授業計画 → スライド資料のクエリ形式に従います(必ず複数スライドの資料にします。形式の冒頭を参照してください)
    • 生成された候補(返されたサムネイル/プレビュー)をユーザーに表示します
  4. 仕上げる

    • ユーザーに希望する候補を尋ねます
    • Canva:create-design-from-candidate を呼び出して、編集可能なデザインを作成します
    • 新しいプレゼンテーションへのリンクと、スライドの順序と授業の段階を対応付ける一言のリマインダー(例:「導入 → 指導 → 練習 → 確認 → まとめ」)を提示します

授業計画 → スライド資料のクエリ形式

Canva:generate-design の query を構成し、Canva のモデルに教育を最優先する指示を送ります。このスキルの対象は複数スライドのプレゼンテーションのみです(design_type は常に "presentation")。query の冒頭には、スライドの総数と、出力は標準的な複数スライドの資料(以下のスライド計画の各項目につき1枚)でなければならないことを、1行で記載します。ポスター、チラシ、または単一ページのレイアウトにはしないでください。

次のセクションを含めます(授業計画に該当するデータがないセクションのみ省略します)。

授業の概要

  • 教科/単元/学年(記載がなければ文脈から推測します)
  • 授業のタイトルと時間(例:45分、2コマ)
  • 学習目標 — 生徒が何を理解するか、または何ができるようになるか(授業計画に記載がある場合は原文どおり)
  • 基準(例:CCSS、州または学区の基準)— ユーザーが記載した場合のみ

授業の流れ 授業が生徒にとってどのように進行するかを、短い段落で記載します(例:導入 → 探究 → 説明 → 発展 → 評価、または教師が実演/一緒に練習/自分で練習)。可能な場合は、授業計画にある教師の構成に合わせます。

スライド計画(授業用資料) 各スライドについて、次の内容を含めます。

  • スライド N — 正確なタイトル(短く、必要に応じて生徒向けにします)
  • 授業でのねらい:このスライドが授業で果たす役割を1文で記載します
  • スライド上の内容:要点、質問、またはプロンプトを箇条書きで3〜6項目記載します。長文は避け、年齢に適した表現を使います
  • ビジュアル:具体的で、かつ安全な提案を記載します。写真、シンプルなアイコン、抽象的な表現を優先します。下記のビジュアル — 提案元を参照してください(生成ツールに、細かいラベルや精密な描写、画像内のテキストを求めるのは避けます)
  • スピーカーノート:2〜5文で、教師の説明、進行のヒント、想定される誤解、理解度を確かめる簡単な方法、時間配分のヒントを記載します

教材と準備(任意のスライド、または最後の付録スライド)

  • 授業計画に記載がある場合は、教材、技術、グループ分け、安全上の注意を列挙します

個別対応/発展課題(授業計画に記載がある場合)

  • 支援、発展課題、または宿題を簡潔に箇条書きで記載します。最後に1〜2枚の専用スライドを設けてもかまいません

教育上の注意事項

  • 授業計画を尊重する:執筆者の順序、語彙、活動を優先します。明確さやスライド枚数の都合で再構成する場合に限り、目的は原文に沿わせます
  • 可能な限り、1枚につき中心となる考えは1つにします。情報量の多い手順は、複数のスライドに分けます
  • 年齢に適した内容にする:明記または推測した学年に合わせて、読解レベルや例を調整します
  • 情報が少ない授業計画:内容が不足している場合は、標準的な授業構成(目標、直接指導、練習、評価、まとめ)を補い、生成の前後に仮定した点をユーザーに簡潔に伝えます

ビジュアル — どこから用意し、質の低い画像を避ける方法

自動生成されたビジュアルでは、学習内容を伝えきれないことが多い理由
どのような教科(読み書き、歴史、STEM、芸術、SEL など)でも、AI を活用した画像や自動選択された画像は、次の用途には信頼できません。画像内の読みやすいテキスト、正確な事実(年月日、名前、引用、語彙)、正確さが求められる地図、年表、グラフ、教材の内容と一致する必要がある人物、場所、出来事の描写、評価や学習基準との整合性のために正確な表現が重要となるスライドです。モデルは言葉を崩したり、複数の言語を混ぜたり、ラベルをでっち上げたり、もっともらしいものの誤った画像を選んだりすることがあります。

query に含める内容(対策 — あらゆる授業計画に有効)
生成するクエリの冒頭付近に、明確な共通ビジュアルルールを含めます。たとえば、次のようにします。

  • シンプルな写真、テクスチャ、アイコン、抽象的な背景を優先し、画像自体に**情報量の多いインフォグラフィック、ラベル付きのイラスト、「テキストがたくさん入ったポスター」**を生成するよう求めないでください。
  • 画像に埋め込まれたテキストに頼らないでください。重要な用語、定義、質問、数値、カリキュラム上重要なすべての表現は、画像内ではなく、スライド上のテキスト(通常は英語など、授業で使う言語)に記載するよう明記します。
  • 正確さが不可欠なスライド(語彙、年表、プロセス、データ、一次資料、作品名など)では、最小限または装飾的な画像を求め、正しい内容は箇条書きやタイトルに記載します。また、スライド上のテキストも教師が確認する必要があると念を押します。
  • 生成後に教育者が、検証済みの素材、アップロードしたファイル、信頼できる情報源のスクリーンショットに差し替えられるよう、全体的に画像を控えめにする、またはシンプルなテンプレートにすることを任意で求めます。

デッキの生成後
Canva エディターで全体を見直すよう促します。誤解を招く画像を差し替え、スライド上の文面を修正し、検証済みのメディアを追加または貼り付けます。編集 API(perform-editing-operations など)は、後続のワークフローでテキストや一部のメディアを扱うのに役立ちます。implement-feedback のパターンを参照してください。ただし、カリキュラムに忠実なビジュアルや文面は、最終的に人が確認する必要があります。

引き渡し時に期待値を伝える
自動生成された授業用ビジュアルは下書きであり、どのようなトピックでも正確性が保証されるわけではないことを簡潔に伝えます。教師には、画像とスライド上の事実を確認するまでは未検証として扱うよう促してください。

注記

  • ブランド付きプレゼンテーションスキルと同じツールチェーンです。ブランドキット + generate-design + create-design-from-candidate
  • Autofill と高度な生成機能の利用には、Canva Enterprise プランが必要な場合があります。ツールでエラーが発生した場合は、簡潔に説明し、Canva で手動編集するよう提案してください。

コメント