Saltar al contenido
motionframe

Buscar piezas

Categorías

La pieza

Qué hace y dónde encaja

KERN es una plataforma ficticia de agentes de IA contada como una película muda. Abre una fotografía a sangre: una nave brutalista con niebla y un monolito de obsidiana atravesado por una línea de luz cian. Desde el primer segundo, el cursor abre la piedra: la foto se oscurece bajo el puntero y 60.000 partículas registradas sobre el monolito huyen como arena y vuelven con un muelle. Con el scroll, el monolito se disuelve de arriba abajo, se acerca, forma un grafo de 300 nodos con enlaces que pulsan, se esconde tras una mano revelada con una costura de luz, reaparece como esfera junto a una tarjeta que escribe la tarea de un agente y se recompone tras el wordmark gigante. Bloom, grano, viñeta y desaturación salvo el cian. Incluye cuatro imágenes originales, móvil, movimiento reducido y respaldo fotográfico sin WebGL. Para plataformas de IA, automatización y producto tecnológico.

Encaja bien en webs de

Prompt
≈18.446 tokens · con Lite
Librerías
three · lenis
Demo
48,5 KB · medio
Prueba en frío
pendiente

Antes de copiar

Tu marca, dentro del prompt

Cambia lo que quieras y copia: el prompt sale ya con el nombre, los colores y los textos de tu cliente. Lo que dejes en blanco se queda como en la demo.

Mete tu marca y tus colores en el prompt

Con Pro o con tu llave de regalo. Esto es lo que puedes cambiar:

  • Marca
  • Primera línea del titular
  • Segunda línea del titular (en gris)
  • Frase de portada
  • Color de la luz
  • Email de contacto

Índice del prompt

Qué hay dentro del prompt

Qué trae el prompt, por apartados

  1. 01Qué es
  2. 02Parámetros fijos
  3. 03Librerías y esqueleto
  4. 04Tokens de diseño
  5. 05Estructura y contenido
  6. 06Movimiento
  7. 07Código clave — copiar literal
  8. 08Interacción
  9. 09Adaptación a móvil y tablet
  10. 10Accesibilidad y movimiento reducido
  11. 11Rendimiento
  12. 12Personalización
  13. 13Comprobación final
  14. 14Recursos
Completo
8.609 palabras · ≈18.446 tokens
Lite
1.091 palabras · ≈1.875 tokens
Librerías
three 0.186.1 · lenis 1.3.26
Peso de la demo
48,5 KB (medio)
Resolución máxima (DPR)
2
Se pausa fuera de pantalla
sí
Respeta «menos movimiento»
sí
Alternativa sin WebGL
sí

Tokens estimados para español (≈3,6 caracteres por token): sirven para orientarte, no son exactos.

prompt.md Pro

El prompt está en Pro

8.609 palabras en el Completo y 1.091 en el Lite. El prompt real solo sale del servidor cuando tienes acceso.

Prueba en frío

La prueba en frío

Aún sin publicar para esta pieza

En la prueba en frío pegamos el prompt en Claude Sonnet 5.5, sin ayuda ni contexto, y comparamos lo que genera con la demo. Cuando esté hecha, aquí verás la captura, el veredicto y la fecha.

Paso a paso

Cómo usarlo en 4 pasos

  1. 01

    Personaliza

    Rellena el formulario de arriba con el nombre, los colores y los textos de tu cliente. Se meten en el prompt al copiar.
  2. 02

    Copia el Completo o el Lite

    El Completo, para Claude, ChatGPT, Gemini o Cursor. El Lite, más corto, para Lovable, Bolt o v0, que aceptan menos texto.
  3. 03

    Pega e itera

    Pégalo en una conversación nueva. Si quieres cambiar algo, pídelo con una frase corta:
    • «Haz que el hueco del cursor sea más grande y que las partículas tarden más en volver»
    • «Quita el cursor fantasma del hero»
    • «Cambia las cuatro líneas del agente por una tarea de mi producto»
    • «Baja el bloom para que la línea cian quede más fina»
  4. 04

    Publica

    Guarda el resultado como HTML (o en tu proyecto) y súbelo a Vercel, Netlify o tu hosting de siempre. Tienes los pasos en la guía.

Guías por herramientaClaudeChatGPTGeminiCursorLovableBoltv0

Licencia en claro

Qué puedes hacer con esta pieza

Todas las piezas incluyen licencia de uso comercial. Usa el resultado tal cual en tus productos, encargos freelance o webs de clientes, sin atribución.

Puedes

  • Usarlo en tus webs y en las de tus clientes, también si cobras por ellas.
  • Cambiarlo todo lo que quieras.
  • Publicar el resultado sin citarnos.

No puedes

  • Revender o regalar el prompt, la demo o el código como plantilla o biblioteca.
  • Compartir tu cuenta Pro.

Es la misma licencia para lo gratis y lo Pro. La tienes entera en licencia de uso.

Preguntas frecuentes

Lo que suele preguntarse

¿Se incluyen las imágenes?
Sí. Cuatro imágenes originales generadas para la pieza (nave, recorte del monolito con alfa, mano y pasillo), en WebP con versión móvil. Se licencian con la plantilla; las condiciones están en assets/LICENCIA.txt.
¿Puedo cambiar el cian por otro color?
La variable cambia la interfaz, las partículas, los enlaces y la costura de luz. La luz de las cuatro fotos es cian, así que para una campaña de otro color hay que regenerar también las imágenes con el nuevo acento.
¿Puedo usar otro objeto en lugar del monolito?
Sí: sustituye la foto del hero y el recorte con alfa por los de tu sujeto y mide de nuevo su contorno (el prompt indica qué cinco números cambiar). El resto de escenas funciona igual.
¿Qué pasa en móvil y sin WebGL?
En móvil usa 30.000 partículas, imágenes de 960 px y DPR 1,5; un cursor fantasma mantiene viva la portada y el toque también dispersa las partículas. Sin WebGL, las mismas fotos siguen el guion del scroll con los textos y el formulario intactos.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈18446 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈1875 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.

Versión 1.0 · publicada el 01-10-2026

Cópialo desde aquí

Tu navegador no nos deja escribir en el portapapeles. El texto ya está seleccionado: pulsa Ctrl + C (o ⌘ + C) o el botón.