ce-demo-reel

Generate GIFs, terminal recordings, or screenshots for PR evidence.

2|Updated May 8, 2026
One-click install
npx skills add https://github.com/xotong/claude-marketplace --skill ce-demo-reel-xotong
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/xotong/claude-marketplace/tree/main/plugins/compound-engineering/skills/ce-demo-reel
Command: npx skills add https://github.com/xotong/claude-marketplace --skill ce-demo-reel-xotong

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture visual proof of PR-worthy UI or CLI changes by generating GIFs, reels, or screenshots to illustrate observable behavior.

Core Features & Use Cases

  • Generate animated GIFs from web UI or CLI demos to embed in PRs.
  • Support multiple capture tiers (browser reel, terminal recording, screenshot reel, static screenshots) with safe defaults and fallbacks.
  • Provide step-by-step guidance for recording, inspecting, and uploading evidence, including secret-scan rules and privacy considerations.

Quick Start

Run the demo-reel script to generate a GIF or screenshots from a CLI or web UI and embed it in your PR.

Frequently Asked Questions about ce-demo-reel

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

FAQPage Schema
How do I generate a GIF from a CLI demo to embed in a pull request?

Generate a GIF from a CLI demo by running the demo-reel script to capture terminal recordings, then embed the resulting visual evidence directly into your PR. It supports multiple capture tiers like browser reels and static screenshots with safe defaults.

What tools do I need to capture terminal recordings and web UI screenshots for PRs?

Capturing terminal recordings and web UI screenshots requires the capture-demo scripts and a toolchain including ffmpeg, silicon, vhs, agent-browser, and curl. These tools enable end-to-end visual evidence generation for your pull requests.

When should I capture motion versus static screenshots for visual PR evidence?

Capture motion using animated GIFs or terminal recordings when illustrating observable behavior or state changes in web apps and CLI tools. Use static screenshots to capture fixed UI state changes where animation adds no value to the PR review.

Can I use this demo-reel approach for both web applications and CLI tools?

Yes, the demo-reel approach supports both web applications and CLI tools by providing multiple capture tiers including browser reels, terminal recordings, and screenshot reels. It guides you on when to capture motion or state changes for each environment.

What privacy considerations and secret-scan rules apply when uploading demo GIFs to PRs?

Uploading demo GIFs to PRs enforces safe evidence practices by applying secret-scan rules and privacy considerations before recording and uploading. This ensures sensitive data is not exposed in terminal recordings or browser captures.

What is the best way to provide visual proof of UI changes in a pull request?

The best way to provide visual proof of UI changes is generating GIFs, reels, or screenshots that illustrate observable behavior. This approach integrates with a demo-pipeline to provide step-by-step guidance for recording, inspecting, and uploading evidence.