hisyam44

Promo Video Skill — Testing skill for Claude Code

Testing community

Claude Code skill that turns any web app or browser game codebase into a polished promo video.

How to install Promo Video Skill

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

What Promo Video Skill does

Claude Code skill that turns any web app or browser game codebase into a polished promo video. It detects and runs the project, records it with Playwright, and renders with Remotion in browser, phone or tablet frames.

Alternatives in Testing

Develop Web Game — Build and test web games iteratively using Playwright with time-stepping 14.6k ★
Gsd To Autoforge Spec — Convert GSD codebase mapping to AutoForge app_spec.txt 1.8k ★
Maestro Spec — Intent-driven spec precipitation — state a constraint in natural language (加一条规范：禁止用 any / 记录架构约束：服务间走 gRPC / 530 ★

README

promo-video-skill

**A Claude Code skill that turns your web app or browser game's codebase into a promo video.**

Point Claude at a project and ask for a video. The skill works out how to run the app, starts it, drives it like a real user with [Playwright](https://playwright.dev), recording clicks, typing, taps, swipes and gameplay, and renders a finished MP4 with [Remotion](https://www.remotion.dev). The footage appears inside browser, phone or tablet frames, with animated headlines, music and a call to action.

"Make a 30-second launch video for this app" "This is a mobile game on the App Store. Make a vertical trailer with phone frames"

Examples

These were made by the skill from the two sample projects in [`examples/`](examples). Every frame of app footage is a real recording of the running app.

Pocket Habits desktop promo: browser frame

Web app · 16:9 · browser frame
▶ Watch full video (23 s)

Mobile app · 9:16 · phone
▶ Full video (19 s)

Mobile game · 9:16
▶ Full video (18 s)

The same storyboard also reflows to other aspect ratios, for example [Neon Dodge in 16:9](docs/media/neon-dodge-16x9.mp4), where the phone sits beside the headline App Store style.