From showreel
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".
How this skill is triggered — by the user, by Claude, or both
Slash command
/showreel:guideThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
The full visual guide — every step with real captured terminal output and real
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).
open <plugin>/GUIDE.htmlxdg-open <plugin>/GUIDE.htmlstart <plugin>/GUIDE.html
Resolve <plugin> from this skill's own path (two directories up from this file).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
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub heyrenan/showreel --plugin showreel