1,094 of 1,410 in Skills

Vertical Slide Explainer, Original video

Video 1 of 1Rotating HTML cube and click-in diagram in a vertical slides explainer

Language: English
On-screen text: any language
Built with: Remotion
Requires: Bun
Node.js
Python 3
FFmpeg
Needs: No API keys
Runs in: Claude Code
Codex
Output: 9:16
MP4
Works offline: Yes
Tested: Static checks passed · not yet test-rendered
Generates with: Your agent's own model

What you get with this skill

SKILL.md with the full prompt, scripts and asset rules
One-line install prompt for Claude Code, Codex or Cursor
ZIP download to keep or share inside your team
Every future version of this skill

Explainer

Vertical Slide Explainer

Create 20–90-second vertical (9:16) slide explainers for product launches, capability demos, and short technical explanations.

v1.0.0 · by Potto

Premium skill

Premium

Included with any paid plan, or buy this skill once for $5. Sign in to continue.

SKILL.mdPremium

--- name: rotating-html-cube-and-click-in-diagram-in-a description: Create 20–90-second vertical (9:16) slide explainers for product launches, capability demos, and short technical explanations. Use a fixed layout with a red pill label, large outlined white/yellow headlines, a glowing 16:9 demo card, two-line captions, and an original corner mascot. Real HTML/CSS/SVG demos show rotating CSS 3D objects, cards flipping in from behind the page, filter styles, dashed flow diagrams activated by cursor clicks, rising lists, crowds following a cursor, light export comparison tables, file-browser thumbnails, 2×2 demo grids, and hook carousels. A single props JSON drives the content; includes a Remotion scaffold, input validation, cue-sheet export, optional procedural music, QA, and evaluation inputs. Triggers include vertical explainers, slide explainers, HTML slide demos, card-based explainers, short-form explainers, CSS 3D demos, flow-diagram explainers, and PowerPoint/slide export explanations. The reference video is in Japanese; the template defaults to English on-screen text and also supports CJK.

Lite, Pro and Max all include every premium skill.

Create 20–90-second vertical (9:16) slide explainers for product launches, capability demos, and short technical explanations. Use a fixed layout with a red pill label, large outlined white/yellow headlines, a glowing 16:9 demo card, two-line captions, and an original corner mascot. Real HTML/CSS/SVG demos show rotating CSS 3D objects, cards flipping in from behind the page, filter styles, dashed flow diagrams activated by cursor clicks, rising lists, crowds following a cursor, light export comparison tables, file-browser thumbnails, 2×2 demo grids, and hook carousels. A single props JSON drives the content; includes a Remotion scaffold, input validation, cue-sheet export, optional procedural music, QA, and evaluation inputs. Triggers include vertical explainers, slide explainers, HTML slide demos, card-based explainers, short-form explainers, CSS 3D demos, flow-diagram explainers, and PowerPoint/slide export explanations. The reference video is in Japanese; the template defaults to English on-screen text and also supports CJK.

Updated Oct 21, 2026

More skills like this

View all

Premium00
Technical History and Mechanism Explainers
ExplainerENRemotion
Claude Code · Codex
Premium00
Editorial Explainers for Two Subjects
ExplainerENRemotion
Claude Code · Codex
Premium00
Discrete Buffer Dashboard Explainer (Deterministic Canvas)
ExplainerENRemotion
Claude Code · Codex
Premium00
Flat Vector Business Explainer
ExplainerENRemotion
Claude Code · Codex

Choose Your Plan

One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.

Lite
$20/month
Billed monthly
Choose Lite
Images per month at HD
Learn more
Nano Banana Pro44 images
Nano Banana86 images
Videos per month
30-second product demo13 videos
60-second explainer5 videos
- 2,000 credits per month
- Up to 86 fast images
- Standard queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included
Pro
$50/month
Billed monthly
Choose Pro
Images per month at HD
Learn more
Nano Banana Pro111 images
Nano Banana217 images
Videos per month
30-second product demo33 videos
60-second explainer13 videos
- 5,000 credits per month
- Up to 217 fast images
- Priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included
Recommended
Max
$100/month
Billed monthly
Choose Max
Images per month at HD
Learn more
Nano Banana Pro333 images
Nano Banana652 images
Videos per month
30-second product demo100 videos
60-second explainer40 videos
- 15,000 credits per month
- Up to 652 fast images
- Highest priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included

Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.