ce-demo-reel

Capture GIFs, terminal recordings, and screenshots for PR descriptions.

Updated May 4, 2026
One-click install
npx skills add https://github.com/IAmKongHai/compound-engineering-plugin-zh --skill ce-demo-reel-iamkonghai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/IAmKongHai/compound-engineering-plugin-zh/tree/main/3.4.2/skills/ce-demo-reel
Command: npx skills add https://github.com/IAmKongHai/compound-engineering-plugin-zh --skill ce-demo-reel-iamkonghai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agent-browser, vhs, silicon, ffmpeg, ffprobe, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill captures visual evidence in the form of GIFs, terminal recordings, and screenshots for PR descriptions, making it easier to demonstrate UI changes, CLI features, and observable behavior.

Core Features & Use Cases

  • Visual Evidence Capture: Create animated GIFs, terminal recordings, and screenshots to showcase UI changes, CLI features, and observable behavior.
  • Automated Demonstration: Automates the process of detecting project type, recommending capture tier, and executing the capture based on user input or context.
  • Use Case: When shipping UI changes or CLI features, use this Skill to capture a demo reel that shows the changes and their effects, making it easier for reviewers to understand the changes and provide feedback.

Quick Start

Use the ce-demo-reel skill to capture a visual demonstration of the new settings page.

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 visual evidence like GIFs and terminal recordings for a PR description?

You can capture visual evidence for PR descriptions by using this Skill to automate project type detection, recommend a capture tier, and execute recordings via agent-browser and vhs to generate GIFs and screenshots of UI changes or CLI features.

What's the best way to create a demo reel for UI changes and CLI features?

The best way to create a demo reel for UI changes and CLI features is to use this Skill, which automates the capture process by detecting your project type and leveraging tools like silicon and ffmpeg to record observable behavior for PR reviewers.

Do I need agent-browser and ffmpeg installed to capture terminal recordings and screenshots?

Yes, capturing terminal recordings and screenshots requires agent-browser, vhs, ffmpeg, and ffprobe, as this Skill depends on these tools to execute various capture methods for generating visual evidence.

Does this visual evidence capture tool support both UI changes and CLI feature demonstrations?

Yes, this visual evidence capture tool supports both UI changes and CLI feature demonstrations by automating project type detection and utilizing agent-browser for UI and vhs for CLI environments to generate the required visual evidence.

How does automated project type detection work when generating a demo reel?

Automated project type detection analyzes your project context to recommend the appropriate capture tier, selecting between tools like agent-browser for UI or vhs for CLI features to execute the correct visual evidence capture method.