Glass UI Product Tour v1.0.0
A premium product tour with frosted-glass UI panels floating over soft gradient worlds.
- Format
- Video · 16:9
- Length
- 1:00
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
Captures your product's key screens and re-stages them as floating glass panels with depth, gentle parallax and spotlight callouts. A calm, premium tour for homepages and sales decks.
Updated Sep 20, 2026
What you get
- A 45–75 s tour
- A silent loop for your homepage hero
Good fit
- SaaS homepages and sales decks
Not for
- Mobile-only apps (use App Store Preview Film)
About this Skill
/glass-ui-product-tour Make a 60-second product tour of our dashboard at https://app.example.com with three callouts.
A tour should feel like the product: clear and composed. This Skill avoids busy screen recordings.
How it works
- Capture — records crisp screenshots of selected flows.
- Stage — places them as glass panels in a 3D-feeling scene.
- Narrate — adds captions or optional voice-over.
- Render — exports 16:9 and a looping homepage version.
Tips
- Use a seeded demo account with realistic data.
What you need before you start
- You bring
- Product URL, demo login, three key features.
- Dependencies
- Node.js 20 or newer — required · FFmpeg — required · Google Chrome or Playwright Chromium — required
- Outside costs
- Rendering is local and free. Nothing is billed unless you approve an optional generation job.
- Last tested
- v1.0.0 — Claude Code / Codex / Cursor
User reviews
No reviews yet. Install the Skill and be the first to rate it.
FAQ
Will the UI be readable?
Panels are rendered from high-DPI captures; text stays sharp at 4K.
Similar Skills
