ce-demo-reel

Capture product functionality demos as GIFs for PR inclusion.

1|Updated Jun 2, 2026
One-click install
npx skills add https://github.com/FFCfelps1/SGPPF_Maua --skill ce-demo-reel-ffcfelps1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/FFCfelps1/SGPPF_Maua/tree/main/.gemini/skills/ce-demo-reel
Command: npx skills add https://github.com/FFCfelps1/SGPPF_Maua --skill ce-demo-reel-ffcfelps1

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 of a product's functionality, which is crucial for PR descriptions, documentation, and user education.

Core Features & Use Cases

  • Visual Evidence Capture: Capture demos in GIF format, including terminal recordings, browser screenshots, and static screenshots.
  • Project Type Detection: Automatically identify the project type (e.g., web app, CLI tool, library) to recommend the appropriate capture method.
  • Tier Selection: Based on the project type and change type (motion or states), recommend the best capture method (browser reel, terminal recording, screenshot reel, static screenshots).
  • Upload and Approval: Upload captured evidence to a public URL for review and approval before embedding it in PRs or documentation.

Quick Start

Use the ce-demo-reel skill to capture a visual demo 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 a visual demo reel for PR documentation?

To capture a visual demo reel for PR documentation, the skill detects your project type, recommends a capture method, records the evidence, and provides markdown for PR inclusion. It outputs GIFs like terminal recordings or browser screenshots.

What's the best way to record terminal recordings and browser screenshots for a PR?

The best way to record terminal recordings and browser screenshots is using an automated capture workflow. The skill detects your project type, selects the appropriate tier based on motion or state changes, and generates a GIF for review.

Do I need agent-browser and ffmpeg installed to capture visual evidence?

Yes, you need agent-browser and ffmpeg installed to capture visual evidence. The skill also requires vhs, silicon, and ffprobe to detect project types, record terminal or browser sessions, and generate GIF demos.

How does project type detection work for CLI tools and web apps?

Project type detection for CLI tools and web apps works by automatically identifying the project structure to recommend the appropriate capture method. It then selects a tier like terminal recording for CLI tools or browser reel for web apps.

Can I upload captured visual evidence to a public URL before embedding it in PRs?

Yes, you can upload captured visual evidence to a public URL before embedding it in PRs. The skill includes an upload and approval step so you can review the GIF before generating the markdown for documentation.