skills.rest
thisisryanswift
thisisryanswiftCOMMUNITY
Explore all skills by this author →
𝕏@thisisrsyanswiftGitHub

ce-demo-reel

Capture GIFs, terminal recordings, and screenshots of UI or CLI behavior for PR evidence.

2|Updated Apr 30, 2026
Search Tags:#automation#cli#gif#evidence-capture#pr-docs#demo-reel#visual-demo
One-click install
npx skills add https://github.com/thisisryanswift/zellij-agent-tools --skill ce-demo-reel-thisisryanswift
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/thisisryanswift/zellij-agent-tools/tree/main/.opencode/skills/ce-demo-reel
Command: npx skills add https://github.com/thisisryanswift/zellij-agent-tools --skill ce-demo-reel-thisisryanswift

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates the creation of visual evidence for PRs by capturing GIFs, terminal recordings, and screenshots of observable UI or CLI behavior to accelerate code reviews and approvals.

Core Features & Use Cases

  • Capture and stitch together visual demos for UI changes, CLI features, or any observable behavior that benefits from a before/after showcase.
  • Produce multiple evidence formats (browser reels, terminal recordings, screenshot reels, or static screenshots) to fit diverse review workflows.
  • Provide a repeatable, safe workflow for PR documentation with tooling guidance and references to ensure reviewers see precisely what changed.

Quick Start

Describe the target UI or CLI behavior to capture, and run the demo-reel workflow to generate a ready-to-include visual artifact.

Frequently Asked Questions about ce-demo-reel

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

FAQPage Schema
How do I create visual demos for pull requests using GIFs?▼

You can create visual demos for pull requests by automating GIF and terminal recording captures of observable UI or CLI behavior. This workflow produces ready-to-include visual artifacts that accelerate code reviews and approvals.

Can I capture terminal recordings and screenshots for CLI feature reviews?▼

Yes, you can capture terminal recordings and screenshots to demonstrate CLI features. The workflow produces multiple evidence formats, including browser reels and static screenshots, to fit diverse code review workflows.

What is the best way to automate before and after visual evidence for code reviews?▼

The best way to automate visual evidence is by running a multi-step pipeline that captures observable UI or CLI behavior. This safely generates before and after visuals to satisfy PR documentation requirements.

Do I need additional browser capture tooling to generate PR documentation reels?▼

You need target UI or CLI behavior to capture, and the workflow provides references to browser and terminal capture tooling. These references guide you in producing the visual artifacts required for PR documentation.

Are there safeguards for secrets when capturing visual PR demos?▼

Yes, the visual PR demo capture workflow includes safeguards for secrets. This ensures sensitive information remains protected while generating terminal recordings and browser reels for code reviews.

Related Skills

Explore More Content & Communication Skills→
Andreicr1Andreicr1

ce-demo-reel

Capture product behavior as GIFs, terminal recordings, or screenshots and publish public links.

Community
Intermediate
usepowershellusepowershell
9

pr-screenshots

Capture Playwright screenshots and embed them into GitHub pull request descriptions.

Community
Intermediate
everrunseverruns
42

ui-screenshots

Capture web page screenshots with agent-browser for visual verification.

Official
Intermediate
nomad3nomad3

camsnap

Captures snapshots, clips, or motion events from RTSP/ONVIF cameras using ffmpeg.

Community
Basic