Las 4 páginas que uso para buscar referencias (y cómo pasárselas a la IA)

La idea es sencilla: si a la IA no le das una referencia, te entrega lo mismo que le entrega a todo el mundo. Pero si le muestras algo parecido a lo que tú quieres, el resultado cambia muchísimo.

Les cuento las cuatro páginas que yo uso para buscar esas referencias, y cómo las uso con la IA.

1. Eyecandy: técnicas de cine con nombre propio

eyecannndy.com (sí, con tres "n"). Es una biblioteca de técnicas visuales de cine, organizada por tipo de toma y movimiento de cámara, con ejemplos de películas reales.

Cómo la uso: busco el efecto que me gusta y miro cómo se llama. Con ese nombre ya se lo puedo pedir a la IA, porque no es lo mismo decirle "que la cámara se mueva bonito" que pedirle un dolly zoom o un whip pan (son nombres de movimientos de cámara). Sirve muchísimo para pedir videos con IA.

2. Savee: inspiración curada por diseñadores

savee.com. Es un tablero de inspiración visual, algo así como Pinterest, pero curado por diseñadores y sin anuncios. Es buenísimo para sitios web y para piezas hechas con IA.

Cómo la uso: guardo en un tablero todo lo que me gusta (colores, letras, composiciones) y después le paso esas imágenes a la IA como referencia.

3. React Bits: animaciones listas para tu sitio web

reactbits.dev. Tiene componentes animados para páginas web: textos que aparecen, fondos que se mueven, botones con efectos. Es gratis y de código abierto.

Cómo la uso: copio el que me gusta y se lo paso a Claude, ChatGPT o Codex para que lo adapte a mi marca. Y ojo, también le paso mi sitio web y los colores y letras de mi marca, para que lo adapte bien y no quede como algo pegado.

4. Motionographer: para entrenar el ojo

motionographer.com. Es un blog con los mejores trabajos de animación del mundo y entrevistas a quienes los hacen. De verdad es impresionante.

Cómo la uso: para entrenar el ojo. Entre más trabajos buenos ves, mejor sabes explicarle a la IA lo que quieres.

El truco: dile qué te gusta de la referencia

Guarda la referencia y escríbele a la IA qué es lo que te gusta de ella. No basta con pegarla y ya. Dile cuál es el ritmo, cuáles son los colores, si los quieres parecidos a los tuyos o distintos, y cómo entra el texto. Se los digo en serio, la diferencia es enorme.

Te paso esta referencia. Me gusta el ritmo, que todo entra rápido pero suave. Quiero los colores de mi marca (te los paso abajo), no los de la referencia. El texto debe entrar letra por letra, como en el ejemplo. Hazme algo parecido para mi sitio.

Colores de mi marca: [pega tus colores]
Letras de mi marca: [nombre de tus tipografías]
Mi sitio web: [enlace]

Para video, usa los nombres que aprendiste en Eyecandy:

Crea un video de 8 segundos de [lo que quieres mostrar]. Movimiento de cámara: dolly zoom lento hacia la persona. Luz cálida de atardecer. Ritmo tranquilo, sin cortes. Estilo de la referencia que te adjunto, pero con los colores de mi marca.

Checklist antes de pedirle algo a la IA

• ¿Tengo una referencia concreta (imagen, video o componente)?
• ¿Le dije qué me gusta de ella: ritmo, colores, letras, movimiento?
• ¿Le pasé los colores y las letras de mi marca?
• ¿Le dije qué NO quiero copiar de la referencia?