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
Claude Code
$ npx -y skills add HeyRenan/showreel --skill guide --agent claude-code
Codex
$ npx skills add HeyRenan/showreel --skill guide -a codex -y
Cursor
$ npx skills add HeyRenan/showreel --skill guide -a cursor -y
Gemini CLI
$ npx skills add HeyRenan/showreel --skill guide -a gemini-cli -y
GitHub Copilot
$ npx skills add HeyRenan/showreel --skill guide -a github-copilot -y
OpenCode
$ npx skills add HeyRenan/showreel --skill guide -a opencode -y
Windsurf
$ npx skills add HeyRenan/showreel --skill guide -a windsurf -y
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
Stats
14
Stars
1
Forks
Maintained
Maintenance
JavaScript
Language
MIT
License
Last commit
Created
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.
142 skills
Stars on GitHub
Momentum
- stars in total
- 14
Other skills on showreel.
More skills from other plugins.
prompt-lookup
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use…
@gh-fInstall Skillppt-master
AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable…
@hugohe3Install Skillmorph-ppt
Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style…
@iofficeaiInstall Skillfrontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to…
@zarazhangruiInstall SkillQuestions about guide.
- Which coding agents can use guide?
- guide installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.