skills.rest
vitallium
vitalliumCOMMUNITY
Explore all skills by this author →
𝕏@VitalliummGitHub

ce-demo-reel

Automate capture of GIFs, terminal reels, or screenshot reels for PR descriptions.

10|Updated Dec 13, 2016
Search Tags:#cli#gif#pr-description#visual-evidence#ui-capture#demo-reel
One-click install
npx skills add https://github.com/vitallium/dotfiles --skill ce-demo-reel-vitallium
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/vitallium/dotfiles/tree/main/dot_agents/skills/ce-demo-reel
Command: npx skills add https://github.com/vitallium/dotfiles --skill ce-demo-reel-vitallium

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill captures visual evidence of software changes for PR descriptions, generating GIFs, terminal reels, or screenshot reels to showcase observable behavior.

Core Features & Use Cases

  • Automates capture of UI and CLI changes into shareable media (GIFs or screenshots) for PRs.
  • Supports multiple backends (browser-based captures via agent-browser, terminal recordings via VHS, and silicon-based screenshot reels).
  • Includes an end-to-end workflow: preflight, run-directory management, tier recommendation, and upload/approval to public hosts.
  • Provides safe guidance to avoid leaking secrets and ensures artifact quality before publication.

Quick Start

Use the ce-demo-reel skill to generate a demo reel for a PR by capturing relevant frames and stitching them into a GIF.

Frequently Asked Questions about ce-demo-reel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I capture a GIF of UI changes for a PR description?▼

To capture a GIF of UI changes for a PR description, you can automate visual evidence capture using browser-based backends. This skill guides what frames to record and stitches them into a shareable GIF artifact.

What is the best way to record terminal reels for CLI feature demonstrations?▼

Recording terminal reels for CLI features is best handled by terminal recording backends like VHS. This skill automates the capture process and assembles the output into a visual reel for PRs.

Can I use screenshot reels instead of GIFs for PR visual evidence?▼

Yes, you can generate screenshot reels instead of GIFs using silicon-based capture backends. This skill supports tiered evidence workflows to assemble screenshot sequences for PR descriptions.

Does the visual evidence capture workflow include preflight checks for secrets?▼

Yes, the visual evidence capture workflow includes preflight checks and safe guidance to prevent leaking secrets. It manages run directories and ensures artifact quality before upload and approval.

How do I assemble and upload visual PR evidence without exposing sensitive data?▼

You assemble and upload visual PR evidence using a tiered workflow with preflight checks and approval steps. This ensures artifact quality and applies safe guidance to avoid leaking secrets during publication.

Related Skills

Explore More Software Engineering Skills→
Ouro-labsOuro-labs
14

ce-demo-reel

Automate capture of GIFs, terminal recordings, and screenshots for PR evidence.

Official
Advanced
b-open-iob-open-io
14

cli-demo-gif

Generate terminal demo GIFs from VHS tape files.

Official
Intermediate
terzigoluterzigolu
37

integration-test-video

Run Warp integration tests with screenshot and video capture.

Community
Intermediate
hkjanghkjang

terminal-capture

Capture terminal UI screenshots for CLI commands using node-pty, xterm.js, and Playwright.

Community
Intermediate