关于 hackathon-pitchdeck
hackathon-pitchdeck 是用于构建黑客松演示文稿叙事的技能,面向准备评审展示的团队。它按评审标准组织逐页内容、讲稿备注和演示故事线。
主要功能
- 01逐页规划演示文稿内容
- 02生成讲者备注与开场钩子
- 03将页面映射到评审标准
- 04支持 Markdown 或 React 格式
- 05纳入 MVP 演示流程及备用方案
适用场景
- 01在演讲前组织项目故事线
- 02按评审维度安排页面内容
- 03准备 MVP 演示与备用讲解
- 04生成 React 格式的交互式幻灯片
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ bernieweb3/ hackathon-ai-devkit --skill hackathon-pitchdeck安装后在 Claude Code 中输入/hackathon-pitchdeck确认已加载。
详细介绍
hackathon-pitchdeck
目标
构建完整的黑客松演示文稿叙事,包含逐页内容、演讲者备注,以及与评审标准相契合的有说服力的故事线。
触发条件
在以下情况下使用此技能:
- 演示流程已实现,并确认了惊艳效果
- 已获取
hackathon-track-analyzer提供的评审评估维度 - 必须在演示阶段开始前制作演示文稿
- 已知演讲时长(用于确定幻灯片数量和时间分配)
- 在第 6 阶段调用;实现在冻结后,与
hackathon-demo-video并行运行
输入
| 输入 | 类型 | 必填 | 描述 |
|---|---|---|---|
project_title | 字符串 | 是 | 项目名称 |
tagline | 字符串 | 是 | 用一句话描述项目 |
problem_statement | 字符串 | 是 | 要解决的问题 |
solution_summary | 字符串 | 是 | 项目如何解决问题 |
mvp_demo_flow | object[] | 是 | 来自 hackathon-scope-cutter 的演示步骤 |
target_user | 字符串 | 是 | 主要用户群体 |
wow_factor | 字符串 | 是 | 最令人印象深刻的一点 |
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 代码,使用交互式容器 |
规则
- 每张幻灯片至少对应一个
evaluation_axis。 - 按照
../hackathon-shared-resources/knowledge/hackathon-pitchdeck-winning-pattern.md的要求,以问题或引子开场,而不是介绍团队或技术。 - 在前 60 秒内重点呈现
wow_factor。 - 按照 7 页获胜框架组织演示文稿(引子、解决方案、演示、技术栈、价值/影响、市场/可行性、路线图/团队)。
- 第 3 页(演示)必须聚焦于操作 MVP,并包含备用演示说明。
- 第 4 页(技术栈)必须包含基于文本的架构工作流或 MermaidJS 图表代码块。
- 如果
slide_format为react,则根据../hackathon-shared-resources/knowledge/hackathon-pitchdeck-design-with-react.md(Genspark 风格),为react_slides_code输出完整、简洁的 JSX 代码,模拟幻灯片导航容器和交互状态变化。
输出格式
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
评论
支持 Markdown