擷取產品的關鍵畫面,重新編排成有景深、輕微視差與聚光標註的漂浮玻璃面板。沉穩、高級的導覽,適合官網首頁與業務簡報。
更新於 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.