ce-demo-reel

Capture and upload visual proof of software features as GIFs or screenshots.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the process of creating visual evidence for your work, eliminating the need for manual setup and providing automatic tier recommendation based on the project type and feature changes.

Core Features & Use Cases

  • Automated Capture Tier: Automatically determines the best capture method (browser screenshots, terminal recording, etc.) based on the project type and feature changes.
  • Visual Proof: Generates high-quality GIFs or static screenshots to visually demonstrate feature changes or improvements.
  • Upload and Review: Uploads the generated evidence to a temporary preview URL for review, with options to upload permanently or save locally.
  • Use Case: When you want to showcase a UI change, CLI feature, or any observable behavior in your work, this Skill can help you quickly create a demo or proof.

Quick Start

Run the ce-demo-reel skill and provide a description of what you want to capture. The skill will automatically determine the best method and upload the proof.

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 terminal recordings and browser screenshots to demonstrate software features?

To capture terminal recordings and browser screenshots for software demonstration, this Skill automatically determines the best capture method and generates high-quality GIFs or static screenshots. It utilizes tools like vhs for terminal recording and agent-browser for screenshots.

Can I automatically generate visual proof for both web apps and CLI tools?

Yes, you can automatically generate visual proof for both web apps and CLI tools. The Skill detects your project type and feature changes, then selects the appropriate capture tier, rendering text with silicon or recording the terminal with vhs accordingly.

Do I need ffmpeg installed to create GIFs of my software behavior?

Yes, you need ffmpeg and ffprobe installed to process and create GIFs of your software behavior. The Skill relies on these dependencies, alongside Python libraries for image processing and text rendering, to encode visual evidence.

What is the best way to automate visual evidence capture for software demonstrations?

The best way to automate visual evidence capture is to run the Skill with a description of the target feature. It automatically handles capture, generates the media, and uploads it to a temporary preview URL for review before permanent upload or local saving.

Are there limitations when using automated tier recommendation for project capture?

A limitation of automated tier recommendation is its reliance on specific external dependencies like curl, ffmpeg, and silicon. If the required Python libraries or system tools are missing, the automated capture and rendering process will fail.

How does visual proof generation handle different project types?

Visual proof generation handles different project types by analyzing the project and feature changes to recommend an automated capture tier. It then applies browser screenshots for web apps or terminal recording for CLI tools to ensure accurate visual demonstration.