<Section>
<Panel character="promi" mood="excited">
**コンテキストの洞窟**へようこそ！🕳️ ここで**背景情報**の魔法を発見するよ！
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
誰かにジョークを言ったけど、相手が背景を理解してなくて笑わなかったことある？コンテキストは相手に全体像を伝えることなんだ！
</Panel>
</Section>

<Section>
## コンテキストって何？

**コンテキスト**はAIがあなたのリクエストをより理解するための追加情報だよ。

物語を話すようなもの - 「そして彼が勝った！」だけ言っても、誰が勝ったのか、何に勝ったのか、なぜ大事なのかわからないよね！
</Section>

<Section>
## 違いを見てみよう

<PromptVsMistake
  question="どっちのプロンプトがより良いコンテキストを与えている？"
  good="ユニコーンが大好きな8歳の妹への誕生日カードを書いています。短くて楽しいメッセージを書くのを手伝ってくれる？"
  bad="誕生日メッセージを書いて"
  explanation="最初のプロンプトはプロミに誰のためか（8歳の妹）、何が好きか（ユニコーン）、どんなスタイルが欲しいか（短い、楽しい）を伝えているよ！"
  promiMessage="コンテキストは状況を理解して、まさに必要なものを提供するのに役立つんだ！"
/>
</Section>

<Section>
## シーンを設定する

<PromptVsMistake
  question="どっちのプロンプトがより良いシーンを設定している？"
  good="恐竜についての学校のプロジェクトをしている10歳の生徒です。T-Rexが何を食べたか簡単な言葉で説明してくれる？"
  bad="T-Rexは何を食べた？"
  explanation="あなたが10歳で学校のためだと教えてくれれば、簡単な言葉を使って教育的にすることがわかるよ！"
  promiMessage="誰を助けているか、なぜかがわかれば、完璧に答えを調整できるんだ！"
/>
</Section>

<Section>
## コンテキストを設定する練習！

<MagicWords
  sentence="私は___で、___の助けが必要です。___な方法で説明してくれる？"
  blanks={[
    { hint: "👤 あなたは誰", answers: ["生徒", "子供", "初心者", "若いアーティスト", "好奇心旺盛な学習者"] },
    { hint: "📚 何が必要", answers: ["算数の宿題", "理科のプロジェクト", "物語を書くこと", "絵を描くことを学ぶこと", "宇宙を理解すること"] },
    { hint: "✨ どう説明", answers: ["簡単", "楽しい", "ステップバイステップ", "わかりやすい", "クリエイティブ"] }
  ]}
  successMessage="素晴らしいコンテキスト！これでAIはどう助ければいいか正確にわかるよ！"
/>
</Section>

<Section>
## 素晴らしいスタート！🎉

<Panel character="promi" mood="celebrating">
シーンを設定することを学んでいるね！覚えておいて：コンテキストを与えることで、状況を理解してより良い答えを出せるんだ！
</Panel>

<LevelComplete 
  levelSlug="3-1-setting-the-scene" 
  stars={3}
  message="コンテキストがAIの理解を助けることを学んだよ！"
/>
</Section>
