截取产品的关键页面,重新编排成有景深、轻微视差和聚光标注的漂浮玻璃面板。沉稳、高级的导览,适合官网首页和销售演示。
更新于 2026年9月20日
你将得到
- A 45–75 s tour
- A silent loop for your homepage hero
适合
- SaaS homepages and sales decks
不适合
- Mobile-only apps (use App Store Preview Film)
关于此 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.
开始前需要准备
- 你需提供
- Product URL, demo login, three key features.
- 依赖
- Node.js 20 or newer — required · FFmpeg — required · Google Chrome or Playwright Chromium — required
- 外部费用
- Rendering is local and free. Nothing is billed unless you approve an optional generation job.
- 最近测试
- v1.0.0 — Claude Code / Codex / Cursor
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
Will the UI be readable?
Panels are rendered from high-DPI captures; text stays sharp at 4K.