Record web UI demo videos with playwright-cli and ffmpeg processing into GitHub-ready MP4s.
npx skills add https://github.com/ai-ecoverse/slicc --skill demo-recording
Please help me install this Agent Skill. Skill: demo-recording Source: https://github.com/ai-ecoverse/slicc/tree/main/.claude/skills/demo-recording Command: npx skills add https://github.com/ai-ecoverse/slicc --skill demo-recording
This Skill eliminates the tedious, error-prone work of manually recording polished UI demo videos, saving developers hours of trial and error with generic screen recording tools and inconsistent post-processing.
Use the demo-recording skill to record a 15-second demo of the SLICC terminal panel open interaction, convert it to a GitHub-embeddable MP4, and add a freeze-frame toast overlay highlighting the file open action.
High-intent search queries and answers about installing and using this skill.
Record a UI demo video for a GitHub PR by automating browser interactions with playwright-cli, then use ffmpeg post-processing to convert the raw webm to an H.264 MP4 optimized for seamless embedding directly into pull request descriptions.
Yes, you can add text overlays and chapter markers to an automated browser recording. The process applies visible animated cursors, chapter markers, and precise timing control during ffmpeg post-processing to produce clear, professional demo content.
Playwright-cli supports precise timing control for UI walkthroughs by automating browser interactions. Combined with ffmpeg post-processing, it captures web UI features and formats them into GitHub-embeddable MP4s with exact timing and chapter markers.
The best way to convert webm recordings to GitHub-embeddable MP4s is using ffmpeg post-processing. It automatically formats the raw webm output into H.264 MP4s, allowing for trimming, cropping, and text overlays for professional demo content.
Use automated demo recording instead of manual screen recording to eliminate tedious, error-prone work. It saves hours of trial and error with generic tools by providing consistent browser automation, animated cursors, and standardized GitHub-optimized MP4 post-processing.
While ffmpeg supports trimming, cropping, and text overlays for web UI demo videos, this approach is specifically tailored for short, polished feature showcases. It targets developer workflows requiring GitHub-embeddable MP4s rather than long-form continuous screen captures.
AngelP17Orchestrate Playwright Python scripts to test local web applications.
cowwocCompress documentation while preserving YAML frontmatter and execution equivalence.
DatTran26Automate video, image, and background-removal pipelines using FFmpeg, ImageMagick, and RMBG CLI.
vathymutAutomate annotated GIF and screen recording creation with Playwright, Pillow, imageio, and mss.
