Demo Prep
Produces a step-by-step live demo script for hackathon presentations. Covers the problem, walkthrough, and outcome with a backup plan.
Slash Command
Type this directly in Cursor or Claude Code chat
/demo-prep [app name or description]Install This Skill
Copy this prompt and paste it into Cursor (Ctrl+I) or Claude Code. The AI will handle the installation.
Install the Demo Prep skill from this GitHub repo: https://github.com/IdkwhatImD0ing/hackathonstarterkit Run this command in the terminal: npx skills add IdkwhatImD0ing/hackathonstarterkit --skill demo-prep Then confirm the installation when prompted.
Skill Content
Demo Prep
The user is about to present their project at a hackathon or demo day. Help them create a polished, timed demo script that tells a compelling story.
Step 1: Gather Context
Ask the user: - What does your app do? (one sentence) - Who is it for? - What is the single most impressive thing it does? - How long is your presentation slot? (default: 3 minutes) - Will you do a live demo, recorded video, or slides?
Step 2: Write the Demo Script
Structure the script in three acts:
Act 1: The Problem (30 seconds) - One sentence describing the pain point - One concrete example or statistic that makes it real - "What if there was a better way?"
Act 2: The Solution (90 seconds) - Show the app running (live or recorded) - Walk through the core user flow step by step - Highlight the "wow moment" (the single most impressive feature) - Keep clicks to a minimum; narrate what is happening
Act 3: The Impact (30 seconds) - What changes because this exists? - One metric, testimonial, or future vision - Clear closing statement
Step 3: Prepare the Backup Plan
- Record a screen capture of the full demo flow (in case live demo fails)
- Prepare 2-3 screenshots of key screens as fallback slides
- Test the app on the presentation machine/network before going on stage
- Have the live URL ready as a backup to localhost
Step 4: Rehearse Checklist
- [ ] Timed the full presentation (fits within the slot)
- [ ] Practiced at least 3 times out loud
- [ ] Tested the app on the demo machine
- [ ] Backup video/screenshots are ready
- [ ] Opening line is memorized (no fumbling the start)
- [ ] Closing line is memorized (end strong)
Output
Return: 1. **Script**: The full narrated demo script with timestamps 2. **Click Path**: Exact sequence of actions to perform during the demo 3. **Backup Plan**: What to do if the live demo breaks 4. **Q&A Prep**: 3-5 likely questions judges will ask, with suggested answers
Raw SKILL.md
Copy the full contents below and save as SKILL.md in a folder named demo-prep/.
--- name: demo-prep description: "Produces a step-by-step live demo script for hackathon presentations. Covers the problem, the app walkthrough, and the outcome. Includes a backup plan. Use before presenting at a hackathon or demo day." --- # Demo Prep The user is about to present their project at a hackathon or demo day. Help them create a polished, timed demo script that tells a compelling story. ## Step 1: Gather Context Ask the user: - What does your app do? (one sentence) - Who is it for? - What is the single most impressive thing it does? - How long is your presentation slot? (default: 3 minutes) - Will you do a live demo, recorded video, or slides? ## Step 2: Write the Demo Script Structure the script in three acts: ### Act 1: The Problem (30 seconds) - One sentence describing the pain point - One concrete example or statistic that makes it real - "What if there was a better way?" ### Act 2: The Solution (90 seconds) - Show the app running (live or recorded) - Walk through the core user flow step by step - Highlight the "wow moment" (the single most impressive feature) - Keep clicks to a minimum; narrate what is happening ### Act 3: The Impact (30 seconds) - What changes because this exists? - One metric, testimonial, or future vision - Clear closing statement ## Step 3: Prepare the Backup Plan - Record a screen capture of the full demo flow (in case live demo fails) - Prepare 2-3 screenshots of key screens as fallback slides - Test the app on the presentation machine/network before going on stage - Have the live URL ready as a backup to localhost ## Step 4: Rehearse Checklist - [ ] Timed the full presentation (fits within the slot) - [ ] Practiced at least 3 times out loud - [ ] Tested the app on the demo machine - [ ] Backup video/screenshots are ready - [ ] Opening line is memorized (no fumbling the start) - [ ] Closing line is memorized (end strong) ## Output Return: 1. **Script**: The full narrated demo script with timestamps 2. **Click Path**: Exact sequence of actions to perform during the demo 3. **Backup Plan**: What to do if the live demo breaks 4. **Q&A Prep**: 3-5 likely questions judges will ask, with suggested answers