ccomkhj

Product Demo — Development skill for Claude Code

Development community

Claude Code skill: describe a product or a new release in a sentence and get a narrated, subtitled demo video recorded live in Chrome.

How to install Product Demo

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ccomkhj/product-demo and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Product Demo does

Claude Code skill: describe a product or a new release in a sentence and get a narrated, subtitled demo video recorded live in Chrome.

Alternatives in Development

Anything2explainer — Topic in, narrated explainer video out 151 ★
/chrome-cdp — Chrome Browser Automation — Control the user's live Chrome browser via Chrome DevTools Protocol 86 ★
Claude Vibes — Claude Code plugin for people who describe what they want and let Claude build it: brand identity, product pla 41 ★

README

product-demo

**Ship the release. Skip the screen recording.**

A [Claude Code](https://claude.com/claude-code) skill that turns a sentence about what you shipped into a **narrated, subtitled demo video**. It drives a real Chrome browser, voices the script, puts every click on the word that names it, and cuts the dead time. **An afternoon of recording and editing becomes two messages: the request and your approval.**

https://github.com/user-attachments/assets/6b411193-4300-417b-8ec8-564527144894

*54 s, with a presenter bubble in the corner, made from this one line:*

/product-demo record a sample video for https://www.korea.net -> https://www.korea.net/AboutKorea/OverviewofKorea (explain only 3 bullet points about Korea) -> https://www.korea.net/Government/Administration/President-Lee-Jae-Myung (just tell who the president is and when he was elected). Use the presenter avatar assets/avatars/huijo.png.

Why

No more lost afternoons. Writing a script, recording and re-recording, voicing, syncing and subtitling are all done for you.
A fresh demo for every release. Describe what changed and get a new video. Nothing needs to be re-shot by hand.
Free. The voice is Kokoro-82M, which runs offline on your machine. No API key, no per-minute bill.
Looks produced, not captured. You see the cursor, click ripples and keycaps. Each action lands as the voice names it, and the subtitles are burned in. Add your photo and it sits in the corner as the presenter.

Use it

/product-demo We shipped CSV export on the Reports page. Show a customer how to export last month's report.

It asks only what's missing: the audience, viewer outcome, pages, and whether you need to sign in.
You approve the script before anything is recorded.
It checks recording readiness: local tools, browser access and scene conditions, then checks measured narration against your duration targ