Skill
showreel
Use when the user wants to explain or document something visually — annotated screenshots, feature demos, flow GIFs, terminal recordings, before/after…
Content
Skill
/guide
Open the showreel visual setup guide, or walk the user through installing the plugin's dependencies. Use when the user asks how to set up showreel, install its dependencies, pre-warm the capture motor, install vhs, or says "showreel guide", "setup guide", "como instalar o
Install
$ npx -y skills add HeyRenan/showreel --skill guide --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/guide
Context preview
The summary Claude sees to decide when to auto-load this skill.
Open the showreel visual setup guide, or walk the user through installing the plugin's dependencies. Use when the user asks how to set up showreel, install its dependencies, pre-warm the capture motor, install vhs, or says "showreel guide", "setup guide", "como instalar o
SKILL.md
guide.SKILL.mdname: guide
description: Open the showreel visual setup guide, or walk the user through installing the plugin's dependencies. Use when the user asks how to set up showreel, install its dependencies, pre-warm the capture motor, install vhs, or says "showreel guide", "setup guide", "como instalar o showreel".
showreel setup guide
The full visual guide — every step with real captured terminal output and real sample artifacts — ships with the plugin as `GUIDE.html` in the plugin root (`<plugin>/GUIDE.html`, sibling of this skills/ dir).
What to do
1. Open it in the user's browser:
- macOS: `open <plugin>/GUIDE.html`
- Linux: `xdg-open <plugin>/GUIDE.html`
- Windows: `start <plugin>/GUIDE.html`
Resolve `<plugin>` from this skill's own path (two directories up from this file). 2. Tell the user it covers, in order: install (from GitHub or a local folder), preflight, pre-warming the capture motor (one-time ~90MB Chromium download), optional ffmpeg (best gif quality) and vhs (terminal recordings), and the first self-validated annotated screenshot.
If no GUI browser is available
Don't open the HTML; run the live diagnostic instead and relay its output — it prints `[ok]`/`[warn]` per dependency plus copy-paste Setup commands:
bash <plugin>/scripts/preflight.sh
node <plugin>/scripts/ensure-deps.mjs # pre-warm the motor now, not later
Read more
name: guide description: Open the showreel visual setup guide, or walk the user through installing the plugin's dependencies. Use when the user asks how to set up showreel, install its dependencies, pre-warm the capture motor, install vhs, or says "showreel guide", "setup guide", "como instalar o showreel".
showreel setup guide
The full visual guide — every step with real captured terminal output and real sample artifacts — ships with the plugin as `GUIDE.html` in the plugin root (`<plugin>/GUIDE.html`, sibling of this skills/ dir).
What to do
1. Open it in the user's browser:
- macOS: `open <plugin>/GUIDE.html`
- Linux: `xdg-open <plugin>/GUIDE.html`
- Windows: `start <plugin>/GUIDE.html`
Resolve `<plugin>` from this skill's own path (two directories up from this file). 2. Tell the user it covers, in order: install (from GitHub or a local folder), preflight, pre-warming the capture motor (one-time ~90MB Chromium download), optional ffmpeg (best gif quality) and vhs (terminal recordings), and the first self-validated annotated screenshot.
If no GUI browser is available
Don't open the HTML; run the live diagnostic instead and relay its output — it prints `[ok]`/`[warn]` per dependency plus copy-paste Setup commands:
bash <plugin>/scripts/preflight.sh node <plugin>/scripts/ensure-deps.mjs # pre-warm the motor now, not later
Ships withshowreel
Turn a URL + CSS selectors into a finished visual — annotated screenshots, flow GIFs, smooth-motion recordings and terminal captures. One command each. The agent never guesses pixels; every output is pixel-verified before it's saved.
Get the whole plugin
Stats
11
Stars
1
Forks
Maintained
Maintenance
JavaScript
Language
MIT
License
2mo ago
Last commit
3mo ago
Created
Repo: HeyRenan/showreel