ce-demo-reel

Community

Capture visual demo reels for PR evidence

Authorxbpk3t
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Capture reliable, reviewable visual evidence (GIFs or screenshots) for UI changes, CLI features, and observable bug fixes so reviewers can see what changed without running the product themselves. It enforces "evidence means using the product" (not tests) and provides explicit fallbacks and user prompts when real product usage requires credentials or external services.

Core Features & Use Cases

  • Detect the most likely capture target from branch, PR, diff, and recent commits and form a clear capture hypothesis.
  • Run tool preflight checks and recommend an appropriate capture tier (browser reel, terminal recording, screenshot reel, or static screenshots) with explained reasoning.
  • Execute deterministic capture flows via agent-browser, VHS, silicon, and ffmpeg, stitch frames into GIFs, upload previews for approval, and promote approved artifacts to permanent hosting.
  • Use cases: adding a demo to a PR for a new settings page, recording CLI feature behavior for release notes, demonstrating a bug fix with before-and-after captures, and providing evidence for design reviews.

Quick Start

Run the ce-demo-reel skill to detect the change, recommend a capture tier, record the demo, and upload a permanent GIF or screenshots for PR inclusion.

Dependency Matrix

Required Modules

agent-browservhssiliconffmpegffprobecurl

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ce-demo-reel
Download link: https://github.com/xbpk3t/ce-codex/archive/main.zip#ce-demo-reel

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.