hackathon-pitchdeck

hackathon-pitchdeck

目標

審査基準に沿った説得力のあるストーリーを組み立て、スライドごとの内容とスピーカーノートを含む、完全なハッカソンのピッチデッキの構成を作成します。

---

使用条件

次の場合にこのスキルを使用します。

• デモの流れが実装され、目を見張る要素が確認されている
• hackathon-track-analyzer による審査評価軸が利用できる
• プレゼンテーション段階の前にピッチデッキを作成する必要がある
• ピッチの時間が分かっている（スライド枚数と時間配分を決めるため）
• フェーズ 6 で呼び出された場合。実装を凍結した後、hackathon-demo-video と並行して実行します

---

入力

入力	型	必須	説明
project_title	string	はい	プロジェクト名
tagline	string	はい	プロジェクトを一文で説明したもの
problem_statement	string	はい	解決する課題
solution_summary	string	はい	プロジェクトが課題をどう解決するか
mvp_demo_flow	object[]	はい	hackathon-scope-cutter によるデモの手順
target_user	string	はい	主なユーザー層
wow_factor	string	はい	最も印象的な要素
evaluation_axes	object[]	はい	hackathon-track-analyzer による審査基準
team_members	string[]	はい	チームメンバーの名前と役割
pitch_duration_minutes	integer	いいえ	ピッチに使える時間（デフォルト：3）
slide_format	string	いいえ	出力形式（'markdown' または 'react'、デフォルト：'markdown'）

---

出力

出力	説明
slides	タイトル、内容、スピーカーノート、インタラクティブなレイアウト仕様を含む、順序付けられたスライド定義
opening_hook	最初の15秒で注意を引く発言
closing_call_to_action	審査員の印象に残る最後の発言
judging_alignment	各スライドが審査軸にどう対応するか
react_slides_code	slide_format が 'react' の場合に、インタラクティブなコンテナを使ってスライドデッキを実装する生の JSX コード

---

ルール

1. すべてのスライドを、少なくとも1つの evaluation_axis に対応付けます。
2. ../hackathon-shared-resources/knowledge/hackathon-pitchdeck-winning-pattern.md に従い、チームや技術ではなく、課題やフックから始めます。
3. 最初の60秒以内に wow_factor を提示します。
4. 7-Slide Winning Framework（フック、ソリューション、デモ、技術スタック、価値／インパクト、市場／実現可能性、ロードマップ／チーム）に沿ってデッキを構成します。
5. スライド3（デモ）は、MVP の操作方法に焦点を当て、バックアップ用のウォークスルー仕様を含めます。
6. スライド4（技術スタック）には、テキストベースのアーキテクチャワークフロー、または MermaidJS の図コードブロックを含めます。
7. slide_format が react の場合、../hackathon-shared-resources/knowledge/hackathon-pitchdeck-design-with-react.md に従い、スライドナビゲーション用のコンテナとインタラクティブな状態変化をシミュレートする、完全で整った JSX コードを react_slides_code に出力します（Genspark 形式）。

---

出力形式

opening_hook: "<string>"

slides:
  - number: <number>
    title: "<slide title>"
    type: "<hook|problem|solution|demo|technology|team|vision|cta>"
    bullets:
      - "<bullet>"
    speaker_notes: "<what to say>"
    judging_axes_addressed:
      - "<axis name>"
    interactive_element: "<description of interactive widget (e.g. click tabs, mock input)>"

closing_call_to_action: "<string>"

judging_alignment:
  - axis: "<axis name>"
    addressed_in_slides:
      - <slide number>

react_slides_code: |
  <JSX file content if slide_format is react, else null>

---

例

入力：

project_title: "AnchorAI"
tagline: "An AI companion that remembers your emotional journey."
problem_statement: "College students wait 6 weeks for counseling while anxiety compounds daily."
solution_summary: "AnchorAI uses GPT-4 with persistent memory to provide empathetic, context-aware check-ins."
wow_factor: "The AI recalls your emotional context from 3 days ago and adapts its tone in real time"
pitch_duration_minutes: 3
team_members: ["Alex (backend)", "Sam (frontend)", "Jordan (design)"]
slide_format: "markdown"

出力：

opening_hook: "What if you waited 6 weeks for help, and your anxiety got worse every day?"

slides:
  - number: 1
    title: "The 6-Week Wait"
    type: "problem"
    bullets:
      - "40% of students report anxiety as top concern"
      - "Average campus counseling wait: 6 weeks"
      - "Most give up before they're seen"
    speaker_notes: "Open with the stat, then pause. Let it land."
    judging_axes_addressed: ["Impact"]
    interactive_element: "Static stat panel with pulse animation"

  - number: 2
    title: "Meet AnchorAI"
    type: "solution"
    bullets:
      - "Always available — no waitlist"
      - "Remembers your emotional history"
      - "Adapts tone to your current state"
    speaker_notes: "One sentence, then say 'let me show you.'"
    judging_axes_addressed: ["Innovation", "Impact"]
    interactive_element: "Feature toggle tabs (Always-On, Context-Aware, Secure)"

  - number: 3
    title: "Live Demo"
    type: "demo"
    bullets: []
    speaker_notes: "Show the memory recall moment. Slow down. Let silence work."
    judging_axes_addressed: ["Technical Execution", "Innovation"]
    interactive_element: "Embedded simulated chat messenger with interactive input box"

  - number: 4
    title: "The Architecture"
    type: "technology"
    bullets:
      - "Next.js on Vercel"
      - "FastAPI on Render"
      - "Supabase (Postgres & Vector)"
      - "Llama-3 via Groq API"
    speaker_notes: "Explain how our stack enables sub-100ms latency for seamless conversations."
    judging_axes_addressed: ["Technical Execution"]
    interactive_element: "Hoverable architecture block diagram showing request flows"

  - number: 5
    title: "What's Next"
    type: "vision"
    bullets:
      - "Partnership with student counseling centers"
      - "Crisis escalation to human counselors"
      - "1M students underserved — this is the start"
    speaker_notes: "End with the question: what if no student ever had to wait alone again?"
    judging_axes_addressed: ["Impact"]
    interactive_element: "Future timeline chart widget"

closing_call_to_action: "No student should have to manage anxiety alone while waiting for help that may never come."

judging_alignment:
  - axis: "Innovation"
    addressed_in_slides: [2, 3]
  - axis: "Impact"
    addressed_in_slides: [1, 2, 5]
  - axis: "Technical Execution"
    addressed_in_slides: [3, 4]

react_slides_code: null

---

コンテキストファイル

ナレッジベース

• ../hackathon-shared-resources/knowledge/hackathon-pitch-strategy.md
• ../hackathon-shared-resources/knowledge/hackathon-demo-psychology.md
• ../hackathon-shared-resources/knowledge/hackathon-judging-criteria.md
• ../hackathon-shared-resources/knowledge/hackathon-winning-patterns.md
• ../hackathon-shared-resources/knowledge/hackathon-pitchdeck-winning-pattern.md
• ../hackathon-shared-resources/knowledge/hackathon-pitchdeck-design-with-react.md

テンプレート

• ../hackathon-shared-resources/templates/pitchdeck-outline.md

プレイブック

• ../hackathon-shared-resources/playbooks/hackathon-workflow.md