explainer
Use when the user asks for explainer or a task matching the examples below. ~60-80s explainer video for any URL — GitHub repo, product page, docs site, blog post, or launch. Canonical workflow for URL walkthroughs. Use when the user asks to "explain this URL / repo / website / product", "make a walkthrough video for [url]", "demo this site", "Loom-style explainer of [url]", "explainer for github.com/...", or "explain this product link". Drives a real browser through the URL, generates an avatar lipsync, and composites in a 1280×800 macOS Sonoma frame with a 246-pixel bottom-left avatar circle. GitHub URLs activate a repo-aware mode (README scan + live-demo detection); other URLs use a generic page-walkthrough flow.
Install
Show step-by-stepHide step-by-step
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.
Where it lives
Comments
"Here’s how to install the Pika Skills Plugin: 1. Make sure you’ve connected Claude to the Pika MCP 2. Open Cowork or Code → Customize 3. Click the + next to..."
"Don’t just code a project in Claude, create materials to promote it. Alongside our MCP, we’re also releasing a Pika Plugin with three Skills to start: Podcast..."
Related skills
baoyu-comic
Knowledge comics (知识漫画): educational, biography, tutorial.
hyperframes
Render MP4/WebM videos from HTML compositions.
pretext
Build creative browser demos with DOM-free text layout.
writing-beats
Writing, exploit — assemble raw material into a journey of beats, grounding each term before a beat leans on it.