← All skills

michel-ui-demo-recorder

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By PackmindHub/packmind (GitHub) · coding · 321 stars · scanned at commit e990484

Record polished UI demo videos and screenshots of a running web app using Playwright MCP — for client deliverables, release notes, feature walkthroughs, or bug repros. Produces an HD WebM video with chapter markers, a mandatory animated cursor overlay, and a mandatory subtitle bar that narrates each step (positioned deliberately so it never masks the UI being demonstrated), plus full-page screenshots at each step. Use this whenever the user asks to "record a demo", "create a screencast", "make …

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 95 Low riskui-demohashgraph-online/awesome-codex-plugins · 1,563 stars
• 80 Low riskdemo-videoalinaqi/maggy · 712 stars
• 95 Low riskhuman-review-publish-demovictorrentea/human-review · 44 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'michel-ui-demo-recorder' ] || [ -L ~/.agents/skills/'michel-ui-demo-recorder' ]; then echo 'A skill folder named michel-ui-demo-recorder already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/PackmindHub/packmind' "$d" && git -C "$d" checkout --quiet 'e9904844638eac5e0848a1bd759b8e7d31004e3b' -- 'scripts/michel/michel-ui-demo-recorder' && mkdir -p ~/.agents/skills && cp -R "$d"/'scripts/michel/michel-ui-demo-recorder' ~/.agents/skills/'michel-ui-demo-recorder' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'michel-ui-demo-recorder' ~/.claude/skills/'michel-ui-demo-recorder' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for PackmindHub/packmind shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/PackmindHub/packmind.svg)](https://zalavijaysinh.github.io/skilltrust/repos/PackmindHub/packmind/)

Score history