Prompt de Animação de Design de Movimento de UI
Um prompt detalhado para o Claude Opus 5.5 criar um vídeo sofisticado e em loop de design de movimento de UI usando HTML/Canvas, com física de molas e transições sincronizadas com a batida.
O resultado criativo
Prompt de referência
Uma referência editada a partir do exemplo, para adaptar ao seu tema. A publicação do criador está no painel de fontes.
“Ask for eight to twelve UI states, a monochrome or single-accent palette, and a usable track near 120 BPM. Make a 14-second, 1440×1440 loop where one shape becomes a button, loader, player, slider, toggle, tabs, graph, command palette, and toast before returning. Use Japanese interface copy with Noto Sans JP and Geist, on warm gray. Drive the changes with cursor actions and restrained closed-form springs; keep dragged values tied to the pointer. Calculate every frame from seek(t) without timers or carried state. Analyze the music with NumPy, render through Playwright with four subframes, and blend at 60 fps with ffmpeg. Review each beat and match the loop's cursor position and velocity.”
Como criar no PagePop
Escolha um assistente, descreva o que precisa e crie com o PagePop. Ajuste o trabalho pela conversa e depois faça o download.
Escolha o assistente ideal
Explore assistentes especializados em diversos setores ou encontre inspiração na ampla coleção de exemplos.
Descreva o que precisa
Diga se quer imagens, vídeos, apresentações PPT, documentos ou páginas web. Adicione imagens ou materiais de referência conforme necessário.
O PagePop escolhe modelos e cria
O PagePop seleciona os modelos e ferramentas adequados ao seu objetivo para criar o trabalho.
Ajuste e baixe
Continue ajustando o conteúdo e o visual na mesma conversa. Baixe o trabalho quando estiver satisfeito.
Comece com suas próprias palavras
Use este prompt real como ponto de partida, mude o que quiser e deixe o PagePop escolher como criar.
Perguntas frequentes
Como adapto este exemplo de Vídeo ao meu projeto?
Use o prompt de referência de “Prompt de Animação de Design de Movimento de UI” como ponto de partida. Substitua o tema, o estilo e a proporção e adicione suas imagens ou materiais de referência. Mantenha a estrutura que deseja explorar, remova requisitos que não se aplicam e ajuste o resultado.
É grátis navegar e copiar prompts?
Navegar pela coleção e copiar prompts é 100% grátis. Você também pode usar o PagePop gratuitamente. Confira os preços e as regras de créditos na página de preços.
O que é o PagePop e o que ele pode fazer?
O PagePop é uma plataforma de criação com IA conversacional. Descreva o que precisa em linguagem natural para criar imagens, vídeos, apresentações, documentos e páginas web. O PagePop seleciona os modelos e ferramentas adequados, e você pode continuar ajustando o trabalho na mesma conversa.
Mais exemplos reais de prompts
Prompt de Vídeo Cronológico Histórico Épico
“Make an epic chronology of Chinese civilization with code-rendered frames assembled through ffmpeg. Let a pentatonic score provide the timing, evolving from bone flute and bronze bells to orchestral instruments and incr…”
Guia de Fluxo de Trabalho para Design de Movimento de UI
“Build a 14-second UI motion piece from eight to twelve states such as a button, loading indicator, toggle, chart, and command palette. Choose commercially usable music near 120 BPM and measure its beats with NumPy. Writ…”
Cena Oceânica WebGPU em HTML
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore…”