ce-demo-reel

Detect project type and capture visual evidence for software PRs.

Updated Jun 7, 2026
One-click install
npx skills add https://github.com/lucking7/compound-engineering-skills --skill ce-demo-reel-lucking7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/lucking7/compound-engineering-skills/tree/main/skills/ce-demo-reel
Command: npx skills add https://github.com/lucking7/compound-engineering-skills --skill ce-demo-reel-lucking7

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the process of capturing visual evidence for PR descriptions, making it easy to showcase UI changes, CLI features, and observable behavior in a PR.

Core Features & Use Cases

  • Visual Evidence Capture: Automate the creation of GIFs, terminal recordings, and screenshots to demonstrate feature functionality.
  • Project Type Detection: Automatically determines the project type (web app, CLI tool, etc.) and suggests the appropriate evidence capture method.
  • Tiered Capture: Offers multiple capture methods (browser reel, terminal recording, screenshot reel, static screenshots) based on project type and change type.
  • Upload and Approval: Uploads captured evidence to a public URL for review and approval, allowing the user to choose the final destination (R2, catbox, local save).

Quick Start

Use the ce-demo-reel skill to capture evidence for a new feature in your web app.

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 for a pull request?

Capture visual evidence for a pull request by automating GIFs, terminal recordings, and screenshots to demonstrate feature functionality and observable behavior directly in your PR description.

Can I record terminal output for CLI tooling features?

Yes, you can record terminal output for CLI tooling features. The tool automatically detects the project type and recommends terminal recording methods to showcase CLI features and observable behavior.

What dependencies do I need to automate UI demonstration recordings?

You need agent-browser, vhs, silicon, ffmpeg, and ffprobe installed to automate UI demonstration recordings, enabling screenshotting, recording, and uploading tasks for both web and CLI applications.

Does this tool support uploading captured screenshots to R2?

Yes, uploading captured screenshots supports R2. The tool uploads captured visual evidence to a public URL for review, allowing you to choose the final destination including R2, catbox, or local save.

What is the best way to showcase web app UI changes in a PR?

The best way to showcase web app UI changes in a PR is using tiered capture methods. The tool detects the web project type and offers browser reels or screenshot reels to visually demonstrate the feature changes.

When should I use a browser reel versus a static screenshot for evidence capture?

Choose a browser reel versus a static screenshot based on the detected project type and change type. Tiered capture offers browser reels, terminal recordings, screenshot reels, or static screenshots to match specific evidence needs.