Agent skill
creating-demo
Creates a demo presentation by building a content outline, verifying UI claims via browser, and generating a PPTX file. Use when a QA engineer wants to create a demo, build a demo, make demo slides, or generate a demo presentation for a feature.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/creating-demo
SKILL.md
creating-demo
Creates a demo presentation: builds a content outline with speaker script, verifies UI claims via browser, and generates a PPTX file.
Progress Checklist
Copy and track your progress:
- [ ] Step 1: Read project context
- [ ] Step 2: Create 6-slide outline with co-located speaker script
- [ ] Step 3: Browser-verify all UI claims, capture screenshots, fix mismatches
- [ ] Validate: Verified vs corrected claims count + screenshot list + new slide count
- [ ] Step 4: Generate PPTX file
- [ ] Validate: PPTX path + slide count + any [placeholder] text remaining
Steps
Step 1: Read Project Context
Read these files for context:
README.md— feature summary and ticket IDtest_plan/README.md— what was testedtest_cases/README.md— test scenario overviewconfluence/*.md— HLD and design documentation
Step 2: Create 6-Slide Outline
Run /pm-demo-content to create demo/Demo_Showcase_Content.md with 6 slides:
- Title — ticket ID + feature name + one-line subtitle
- What We Built — 3-4 user-facing capabilities (bullets + script)
- The Problem — 3-4 user pain points (bullets + script)
- What's New — UI changes and navigation steps (bullets + script)
- Demo — screenshot placeholder (script: observational phrases)
- Questions — Q&A closing
Each slide has co-located **Bullets:** and **Script:** sections.
Step 3: Browser Verification
Run /pm-demo-review to verify UI claims via browser:
- Navigate to the documented UI path
- Compare actual UI against documented claims (labels, menu names, field names)
- Capture screenshots:
demo/screenshots/NN_Description.png - Fix any mismatches in Slides 1-4
- Expand Slide 5 into per-step demo slides with actual screenshots
MCP tools: playwright-mcp:browser_navigate, playwright-mcp:browser_snapshot, playwright-mcp:browser_take_screenshot
Validate
Report:
- Verified claims: N matched, N corrected
- Screenshots captured: list of files in
demo/screenshots/ - Slide count: original 6 → expanded N slides
Step 4: Generate PPTX
Run /pm-demo-ppt to generate the PPTX file from the verified content:
python3 scripts/md_to_pptx.py [PROJECT_PATH]/demo/Demo_Showcase_Content.md \
--template docs/templates/Demo_Template.pptx
Validate
Report:
- PPTX file path
- Number of slides generated
- Flag any remaining
[placeholder]text
Expected Input
Path to project folder containing README.md and test plan/test case files.
Next Step
After creating the demo, run /drafting-review-email to generate the demo share email.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?