Capture web page interactions with Playwright and encode them into GIFs using ffmpeg.
npx skills add https://github.com/zcaceres/skills --skill record-gif-zcaceres
Please help me install this Agent Skill. Skill: record-gif Source: https://github.com/zcaceres/skills/tree/main/skills/record-gif Command: npx skills add https://github.com/zcaceres/skills --skill record-gif-zcaceres
This skill solves the friction of creating high-quality, shareable web animations by automating the process of capturing browser frames and converting them into optimized GIFs.
Use the record-gif skill to capture a ten-second animation from your local development server and convert it into an optimized GIF file.
High-intent search queries and answers about installing and using this skill.
To create UI demos, Playwright captures precise screenshot sequences from your web application, which are then transformed into polished animated GIFs using ffmpeg with configurable frame rates and color palettes.
Yes, a running web server is required to execute the capture and conversion pipeline, as Playwright needs an active web application to programmatically control browser state and capture frames.
Playwright and ffmpeg facilitate automated frame capture and conversion, making them ideal for programmatically controlling browser state and generating professional-looking feature previews or bug reproduction clips.
The best way to generate optimized animated GIFs is by automating frame capture with Playwright and encoding the raw image sequence with ffmpeg, allowing for configurable frame rates and color palettes.
Limitations include the requirement of both Playwright and ffmpeg dependencies, alongside a running web server, meaning the capture and conversion pipeline cannot execute offline without an active web application.
krzemienskiAutomate browser testing and interaction with Playwright scripts in /tmp.
MOODMNKY-LLCSearch Tenor and Giphy, download GIFs, and extract still frames or grid sheets.
mostafasudoAutomate web-based QA testing with headless Playwright browser navigation and screenshots.
vathymutAutomate annotated GIF and screen recording creation with Playwright, Pillow, imageio, and mss.
