YouMind
Iniciar sesión

Prompt de animación para diseño de movimiento de UI

Un prompt detallado para Claude Opus 5.5 que crea un video sofisticado y en bucle de diseño de movimiento de UI usando HTML/Canvas, con física de resortes y transiciones sincronizadas al ritmo.

Instrucción
<inputs> Pregúntame estas 3 cosas: 8-12 componentes de UI que se transforman entre sí (por ejemplo, botón, cargador, reproductor de música, control deslizante de volumen, interruptor, pestaña, gráfico, paleta de comandos, notificación), esquema de colores (blanco y negro estricto o un color de acento) y una pista libre de derechos de autor de aproximadamente 120 BPM (por ejemplo, de Mixkit). </inputs> <direction> Crea un movimiento de pantalla pulido digno de Dribbble. Usa solo una forma; nunca cortes escenas. Representa todos los estados mediante la misma forma cambiando su tamaño, radio de esquina y color, intercambiando contenido con desenfoques cortos. El cursor impulsa todos los cambios mediante clics y arrastres reales. El fondo es gris claro cálido, los componentes son blanco y negro. El texto está en japonés (Noto Sans JP) y en inglés/símbolos (Geist). Todo el movimiento usa física de resortes natural con sobrepaso mínimo. La cámara hace zoom para llenar la pantalla en cada estado. Haz un bucle perfecto (el último cuadro coincide con el primero). Prohibido: movimiento rebote, explosiones de partículas, efectos de brillo, degradados en componentes, pesos inconsistentes de iconos, silencios muertos, estéticas tipo plantilla. </direction> <structure> 120 BPM, 7 compases (~14 segundos), algo sucede en cada beat. Botón -> Cargador -> Marca de verificación -> Estilo Dynamic Island -> Transformación play/pausa del reproductor de música -> Arrastre del scrubber -> Estiramiento del control deslizante de volumen -> Sincronización del interruptor -> Selección de pestaña líquida -> La pestaña se abre a un gráfico auto-dibujado -> Colapsa a la Paleta de Comandos -> Escribir/Buscar -> Enter -> Notificación -> Volver al Botón. </structure> <build> 1. Archivo HTML único, cuadrado de 1440x1440. Calcula todos los visuales dentro de seek(t). Sin transiciones/timers CSS. Sin estado entre cuadros. 2. Resortes como respuestas escalonadas de forma cerrada. Superpón cálculos para objetivos cambiantes. 3. Selección de pestañas: resortes separados para bordes izquierdo/derecho, el borde principal se extiende más rápido. 4. Arrastrar: manipulación directa mientras se mantiene presionado, retorno por resorte cuando se suelta. 5. Analiza el audio con numpy para la cuadrícula de beats. Sincroniza sonidos con picos medidos. 6. Renderiza con Playwright. Exporta 4 subcuadros por cuadro, mezcla con ffmpeg tmix para desenfoque de movimiento a 60fps. 7. Previsualiza un cuadro por beat antes del render completo para corregir problemas de tiempo/legibilidad. </build> <gotchas> Nunca uses will-change en elementos con zoom de cámara (causa desenfoque de texto). Da tiempos únicos al texto que entra/sale para evitar superposiciones. Asegúrate de que el último cuadro coincida exactamente con el primero (incluida la posición/velocidad del cursor) para un bucle suave. </gotchas> <start> Primero pide las entradas, luego muéstrame la lista de estados beat por beat antes de escribir código. </start>

Cómo usar este prompt

  1. 1

    Copia el prompt completo de arriba.

  2. 2

    Abre una plataforma compatible con Claude Opus 5.5, como YouMind, y pega el prompt.

  3. 3

    Cambia el tema, el estilo o los detalles según tu idea y luego genera.

Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de vídeo más, todos gratis para copiar y adaptar.

Explorar más prompts de vídeo

Más de Claude Opus 5.5

Plantilla de Diseño de Movimiento de Transformación de UI

@zero

Comparación de Motion Graphics: Opus vs GPT

@ホシノ@エンジニア

Prompt para Película de Palabra Hablada Cinética

@TechHalla

Prompt de Motion Design para Revelar el Logo de TypingMind

@Tony Dinh

Video Raymarched de Pelícano Montando Bicicleta

@Axton

Escena interactiva de barco con Opus 5.5

@Mo Elgaraihy

Todas las categorías de Vídeo

01

Casos de uso

Muestra de escenas cinematográficasVlog / Estilo de vida socialCortometrajeVideo musicalComercial de marca / productoVer más
02

Estilos

Cinematográfico y realistaFantasía / MágicoCyberpunk / Ciencia ficciónAnimeCine vintage / retroVer más
03

Temas

Persona / PersonajeDeportes / AcciónNaturaleza / PaisajeArquitectura / Diseño de interioresAbstracto / VFXVer más

Más funciones de prompts

Biblioteca de IA

Búsqueda de prompts con IA

Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts y más.

Probar gratis
Herramientas de visión

Imagen a prompt

Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.

Convertir imagen a prompt

Otras funciones de prompts

Por modelo

Prompts de GPT Image 2.5Instrucciones de GPT Image 2Instrucciones de Nano Banana ProInstrucciones de Seedream 4.5Instrucciones de GPT Image 1.5Prompts de video de GeminiInstrucciones de Seedance 2.0Grok Imagine PromptsPrompts de Gemini 3 Pro para crear sitios web

Por medio

Prompts de imagenPrompts de videoPrompts de IA para crear sitios web

Herramientas IA

Imagen a promptPrompts de fotosPresentaciones de GPT Image 2

Creado para creadores. Gratis para siempre.

YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.

Explorar más prompts
Prompts
Prompts de GPT Image 2.5Instrucciones de Nano Banana ProInstrucciones de GPT Image 2Instrucciones de Seedance 2.5Instrucciones de Seedance 2.0Prompts de Claude Opus 5.5Instrucciones de GPT Image 1.5Prompts de GPT 6 Astra
Recursos
Para agentsAlternativas a NotebookLMPresentaciones de GPT Image 2Markdown a artículo de 𝕏Nano Banana 2 vs. ProEditor de fotos con IAPrompts de fotosImagen a promptLenny Career CoachTest de personalidad ABTI
Herramientas
Herramientas gratuitasGenerador de publicaciones para 𝕏Generador de publicaciones para LinkedInGenerador de captions para InstagramGenerador de publicaciones para ThreadsGenerador de publicaciones para RedditGenerador de publicaciones para FacebookGenerador de publicaciones para BlueskyGenerador de captions para TikTok
Producto
SkillsExtensiónAppPreciosBlogsNovedades
Comparar
NotionNotebookLMChatGPTCodexGenSparkGammaLovartManusMyMindPerplexity
Empresa
Contáctanos
Política de privacidadTérminos y condicionesPolítica de cookies

© 2026 MIND MOTOR PTE. LTD.

AI Summary