ce-demo-reel

Generate GIFs or screenshots from CLI and UI surfaces for PR evidence.

Updated Sep 25, 2024
One-click install
npx skills add https://github.com/kwam1na/athena --skill ce-demo-reel-kwam1na
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-demo-reel
Source: https://github.com/kwam1na/athena/tree/main/.agents/skills/ce-demo-reel
Command: npx skills add https://github.com/kwam1na/athena --skill ce-demo-reel-kwam1na

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Capture a visual evidence pipeline for PRs by generating GIFs, terminal recordings, or styled screenshots to showcase observable changes.

Core Features & Use Cases

  • Guided evidence capture for CLI and UI changes, including preflight, project-type detection, tier recommendation, and artifact upload.
  • Supports browser reels, terminal recordings, screenshot reels, or static screenshots with a fallback path.
  • Uploads to litterbox/catbox for PR embedding and can save artifacts locally when needed.

Quick Start

Run the end-to-end demo-reel workflow to generate a GIF or screenshots for PR embedding.

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 GIF or screenshot for a PR visual demo?

To capture a PR visual demo, this Skill automates generating GIFs, terminal recordings, or screenshots from CLI and UI surfaces. It runs preflight checks, detects the project type, recommends the proper capture tier, and uploads the resulting artifacts for review.

What's the best way to automate terminal recordings for web app pull requests?

Automating terminal recordings for pull requests is handled by guiding the proper capture tier and running the demo pipeline. The Skill uses tools like vhs for terminal recordings and agent-browser for browser reels, then uploads the artifacts to public hosting for PR embedding.

Does this evidence capture pipeline work with both CLI tools and web apps?

Yes, the evidence capture pipeline works with CLI tools, web apps, and libraries. It performs project-type detection to recommend the appropriate capture tier, supporting browser reels, terminal recordings, screenshot reels, or static screenshots with a fallback path.

Do I need ffmpeg installed to generate demo reels?

You need ffmpeg, ffprobe, vhs, agent-browser, silicon, and curl installed to generate demo reels. These dependencies enable deterministic tooling for video processing, terminal recording, browser automation, styled screenshots, and artifact uploading.

Can I upload PR demo GIFs to public hosting without exposing secrets?

You can upload PR demo GIFs to litterbox or catbox for public hosting while safely handling secrets. The Skill uses staged environments and redacted demonstrations to ensure sensitive information is not exposed during the capture and upload process.

What happens if automated screenshot capture fails for my project?

If automated screenshot capture fails, the Skill provides a fallback path to static screenshots. This ensures you still obtain observable visual evidence for your PR even when the primary browser or terminal recording tiers encounter issues.