Prompt de animación para diseño de movimiento UI
Un prompt detallado para Claude Opus 5.5 que crea un video sofisticado y en bucle de diseño de movimiento UI usando HTML/Canvas, con física de resortes y transiciones sincronizadas al ritmo.
El resultado creativo
Prompt de referencia
Una referencia editada a partir del ejemplo, que puedes adaptar a tu tema. La publicación del autor está en el panel de fuentes.
“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.”
Cómo crear en PagePop
Elige un asistente, describe lo que necesitas y crea con PagePop. Ajusta el trabajo mediante la conversación y luego descárgalo.
Elige el asistente adecuado
Explora asistentes especializados en distintos sectores o encuentra inspiración en la amplia colección de ejemplos.
Describe lo que necesitas
Indica si necesitas imágenes, vídeos, presentaciones PPT, documentos o páginas web. Agrega imágenes o materiales de referencia cuando los necesites.
PagePop elige modelos y crea
PagePop selecciona los modelos y herramientas adecuados para tu objetivo y crea el trabajo.
Ajusta y descarga
Sigue ajustando el contenido y el aspecto en la misma conversación. Descarga el trabajo cuando estés satisfecho.
Empieza con tus propias palabras
Usa este prompt real como punto de partida, cambia lo que quieras y deja que PagePop elija cómo crearlo.
Preguntas frecuentes
¿Cómo adapto este ejemplo de Vídeo a mi proyecto?
Usa el prompt de referencia de «Prompt de animación para diseño de movimiento UI» como punto de partida. Cambia el tema, el estilo y la proporción, y agrega tus imágenes o materiales de referencia. Conserva la estructura que te interese, elimina los requisitos que no correspondan y ajusta el resultado.
¿Es gratis explorar y copiar prompts?
Explorar la colección y copiar prompts es 100% gratis. También puedes usar PagePop gratis. Consulta los precios y las reglas de créditos en la página de precios.
¿Qué es PagePop y qué puede hacer?
PagePop es una plataforma de creación con IA conversacional. Describe lo que necesitas en lenguaje natural para crear imágenes, vídeos, presentaciones, documentos y páginas web. PagePop selecciona los modelos y herramientas adecuados y permite seguir ajustando el trabajo en la misma conversación.
Más ejemplos reales de prompts
Prompt de video para cronología histórica épica
“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…”
Guía del flujo de trabajo para el diseño de movimiento en 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…”
Escena oceánica con WebGPU en 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…”