UI Demo Video Recording

curated by SkillMD · 6 skills

Installs a pipeline to plan the walkthrough, record the demo, and verify the output.

Install the whole pack (CLI)

npx skillmds add github/playwright-explore-website
npx skillmds add affaan-m/ui-demo
npx skillmds add addyosmani/browser-testing-with-devtools
npx skillmds add sakamoto-family-smile/ui-demo
npx skillmds add auto-skiller/ui-demo
npx skillmds add mhassan0000/ui-demo

⬇ Download

Skills in this pack

▌
playwright-explore-website · github
Explores websites using Playwright to identify core features and generate test cases.

36.2k
repo stars
▌
ui-demo · affaan-m
Record polished UI demo videos using Playwright with visible cursor, natural pacing, and storytelling flow.

226k
repo stars
▌
browser-testing-with-devtools · addyosmani
Tests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.

69.5k
repo stars
▌
ui-demo · sakamoto-family-smile
Records polished UI demo videos of web applications using Playwright, with an injected cursor overlay, natural pacing, and a discover-rehearse-record workflow.

0
repo stars
▌
ui-demo · auto-skiller bundle
Records polished demo videos of web applications using Playwright, with an injected cursor overlay, natural pacing, and a discover-rehearse-record workflow.

1
repo stars
▌
ui-demo · mhassan0000
Records polished UI demo videos of web applications using Playwright, with an injected cursor overlay, natural pacing, and a discover-rehearse-record workflow.

1
repo stars