製品の主要画面をキャプチャし、奥行き、穏やかな視差、スポットライト注釈を持つ浮遊ガラスパネルとして再構成。ホームページや営業資料に合う、落ち着いた上質なツアーです。
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
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
Will the UI be readable?
Panels are rendered from high-DPI captures; text stays sharp at 4K.