Motion Skills
← Skills
PremiumLançamento

Tour de interface SaaS

A câmera se aproxima de cada passo enquanto um cursor vai clicando.

Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.

Requer: Node.js 22+, FFmpeg, Chrome. Sem chaves de API.

Outros temas e formatos

Tour de interface SaaS · Papel · 9:16
Tema: Papel · 9:16
Tour de interface SaaS · Elétrico · 1:1
Tema: Elétrico · 1:1

Quadros finais do mesmo template, renderizados com outro tema e formato.

5 temas

  • Tinta · padrão
    ink
  • Papel
    paper
  • Elétrico
    electric
  • Noir
  • Areia
    sand

Cite um tema no seu prompt ou defina suas próprias cores de destaque, fundo e texto.

Prompt de instalação
Leia https://claude-motion.com/skills/saas-walkthrough/install.md, siga os passos para instalar a skill "saas-walkthrough" e depois faça um primeiro vídeo com ela.

Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.

Prompt de exemplo
Use the saas-walkthrough skill with assets/dashboard.png, title "Invoices on autopilot", steps "0.15,0.2: Connect your bank | 0.7,0.35: Review drafts | 0.85,0.12: Send in one click", url "app.ledgerly.io".
Prompt de estilo (Claude Motion ou Opus 5.5)
Make a 14-second 16:9 product walkthrough for [who will watch, e.g. new customers], playing [where, e.g. the onboarding email]. Use only the title, step captions and screenshot I give below; don't change a word. Near-black background.

Scene 1: the title appears word by word, then fades as a browser window with the screenshot rises into place. Scenes 2–4, one per step: a white cursor glides to the right spot, the view zooms in smoothly, a soft spotlight dims everything else, the cursor clicks with an orange ripple, and a white numbered pill caption slides up at the bottom. End frame: zoom back out to the whole screen.

Title: [e.g. "Ship a release in 3 clicks"]
Steps: [three captions and where each one points] (e.g. "Open your workspace" on the sidebar)
Attach: [a screenshot of your product]

Nada para instalar: cole no Claude Motion (Team ou Enterprise) ou dê ao Opus 5.5 para um visual parecido. O resultado muda a cada execução; a skill dá sempre o mesmo.

Feito com este skill