<Section>
<Panel character="promi" mood="happy">
おかえり！今日のレッスンはとても大事：**見せて、言わないで**！例を使うことはAIが理解するのを助ける最高の方法の一つだよ！
</Panel>
</Section>

<Section>
## 例のパワー

欲しいものを説明するだけでなく、**例を見せて**！

誰かにゲームを教えるようなもの - ルールを説明するより、遊び方を見せる方が簡単だよね！
</Section>

<Section>
## パターンを学ぼう！

<ExampleMatcher
  title="パターンのパワー"
  instruction="AIは例から学ぶよ！パターンを見て、次に来るものを選んでね。"
  examples={[
    { input: "嬉しい", output: "😊" },
    { input: "悲しい", output: "😢" },
    { input: "眠い", output: "😴" }
  ]}
  question="怒っている"
  options={["😠", "😊", "🎉", "😴"]}
  correctAnswer="😠"
  explanation="AIは学んだ：感情の言葉 → 対応する絵文字！これは「例から学ぶ」と呼ばれる - あなたと同じだね！"
/>
</Section>

<Section>
<Panel character="promi" mood="thinking">
「カッコよくして」と言っても、あなたにとって「カッコいい」が何か分からないかも。でも例を見せてくれれば、完璧に理解できるよ！
</Panel>
</Section>

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

<PromptVsMistake
  question="どっちのプロンプトが例をより良く使っている？"
  good="「スーパーキラキラシャンプー」や「マジッククラウドまくら」のような楽しい商品名を書いて - キャッチーで遊び心のあるもの！"
  bad="楽しい商品名を書いて"
  explanation="例はあなたが探している名前のスタイルを正確に示している - キャッチー、遊び心、楽しい形容詞付き！"
  promiMessage="例は宝の地図みたい - どこに行きたいか正確に示してくれるんだ！"
/>
</Section>

<Section>
## スタイルを見せよう

<PromptVsMistake
  question="どっちのプロンプトが書くスタイルをより良く示している？"
  good="こんなスタイルでジョークを書いて：「バナナはなぜ医者に行った？具合が悪かったから！」- ダジャレのあるおバカなもの！"
  bad="面白いジョークを書いて"
  explanation="ダジャレのあるジョークの例を見せることで、同じおバカなスタイルが欲しいとわかるよ！"
  promiMessage="好きなものを見せてくれれば、そのスタイルに合わせられるよ！"
/>
</Section>

<Section>
## 例を出そう！

<DragDropPrompt
  title="例で作ろう"
  instruction="パーツを並べ替えて、役立つ例のあるプロンプトを作ろう"
  pieces={["スーパーヒーローの名前を書いて", "「キャプテン・ユウキ」のような", "または「ライトニング・レディ」", "- ヒーローらしく記憶に残るもの"]}
  correctOrder={[0, 1, 2, 3]}
  successMessage="完璧！例がどんな名前が欲しいか正確に示しているね！"
/>
</Section>

<Section>
## 例付きのプロンプトを作ろう！

<MagicWords
  sentence="「___ ___ ___」のような___を書いて - ___で___なもの"
  blanks={[
    { hint: "📝 何を書く", answers: ["チーム名", "ペットの名前", "バンド名", "本のタイトル", "レストラン名"] },
    { hint: "✨ 形容詞", answers: ["スーパー", "ハッピー", "ゴールデン", "マジカル", "パワフル"] },
    { hint: "🌟 名詞", answers: ["スターズ", "ドラゴンズ", "ドリームズ", "サンダー", "フェニックス"] },
    { hint: "🎯 言葉", answers: ["クラブ", "スクワッド", "チーム", "キングダム", "アドベンチャー"] },
    { hint: "😊 スタイル1", answers: ["楽しい", "ワクワクする", "カッコいい", "クリエイティブ", "キャッチー"] },
    { hint: "🎨 スタイル2", answers: ["記憶に残る", "ユニーク", "力強い", "フレンドリー", "大胆"] }
  ]}
  successMessage="素晴らしい！例がどんなスタイルが欲しいか正確に示しているね！"
/>
</Section>

<Section>
## 例はパワフル！🎉

<Panel character="promi" mood="celebrating">
すごい仕事！**例を見せる**ことがAIに何が欲しいか正確に理解させる最高の方法の一つだと学んだね！
</Panel>

<LevelComplete 
  levelSlug="3-2-show-dont-tell" 
  stars={3}
  message="プロンプトでの例の使い方をマスターしたよ！"
/>
</Section>
