CommunityImagegithub.com

auraliq/alfabetizacion-visual

Lee y construye imágenes con método: el cómo (técnica) y el porqué (historia), el encuadre como base, composición en tres capas de profundidad, y la luz al servicio de la composición, traduciéndolo a un prompt en inglés para IA, a una escena de Blender o a notas de dirección.

Qu'est-ce que alfabetizacion-visual ?

Esta skill, basada en los primeros minutos del video «Understanding Visual Literacy» de Avery Dohrmann, enseña a desarmar y construir el lenguaje visual de una imagen o película. Distingue entre el «cómo» (la técnica: encuadre, composición en capas, luz) y el «porqué» (la intención narrativa detrás de cada decisión técnica). Su método central es la composición en tres capas de profundidad: primer término (foreground), término medio (midground) y fondo (background), explicando que los planos de sujeto (close-ups) deben usarse como condimento, no como base. La skill también detalla cómo la luz debe servir a la composición, iluminando cada capa por separado. Finalmente, proporciona plantillas y ejemplos concretos para traducir este análisis a prompts en inglés para generación de video o imagen con IA, a escenas de Blender o a notas de dirección. Es útil para cualquier persona que quiera entender por qué una imagen «se ve de cine» o «se ve plana», o que necesite componer visualmente con profundidad.

Compatible avec~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/auraliq/claude-skills-direccion-creativa/tree/HEAD/skills/alfabetizacion-visual

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Alfabetización visual

Parcial: sale de los primeros 6 minutos (de 17:58) de «Understanding Visual Literacy» de Avery Dohrmann.

Alfabetización visual es saber desarmar el lenguaje visual de una película. Tiene dos fases:

  • El cómo: la técnica. Entender cómo está hecho el pastel: profundidad, composición, luz.
  • El porqué: por qué esta decisión, aquí. Es la fase que nunca se termina de dominar, y la que hace que una imagen pegue en lugar de solo verse bonita.

Toda decisión técnica tiene que poder contestar un porqué de historia. Si no lo contesta, sobra.

1. El orden de construcción: el pastel antes que el betún

"Everything comes from the frame… They are the frosting." (≈02:33, según Gemini)

  1. Encuadre: qué bordes cortan la escena y qué cae dentro.
  2. Composición en capas (abajo).
  3. Luz al servicio de esas capas.
  4. Color, vestuario y textura: el betún.

Si el encuadre no tiene intención, ni la luz ni la corrección de color lo rescatan. Es el error que el video muestra en pantalla como Flat :(: un actor contra una pared plana.

2. Composición = tres capas de profundidad

CapaQué vaPara qué
Primer término (F)un elemento muy cerca de cámara: reja, marco, hombro, objetomete al espectador en el espacio y da escala
Término medio (M)el sujeto y la acciónlo que importa
Fondo (B)entorno con fuga o actividadcontexto y profundidad

Ejemplo del video (~03:01): mirada a través de los barrotes de una ventana. F = la reja oscura, M = el marco de la ventana, B = la cocina iluminada donde discuten tres personajes.

Plano de sujeto: la salsa picante

El plano de sujeto (close-up, medio cerrado, detalle) aísla a alguien o algo y deja el entorno fuera. Pega fuerte, pero:

Las composiciones son la comida y los planos de sujeto son la salsa picante. No se hace una comida solo con salsa, pero sin ella todo sabe insípido. (≈03:30, parafraseado)

Regla: la base de una secuencia son composiciones con capas, y los planos de sujeto se usan de condimento, en los momentos de énfasis. Una secuencia que es puro close-up cansa y no ubica.

3. La luz es función de la composición

"Lighting is, and always will be, a function of composition." (≈03:51, según Gemini)

  • La composición es lo que hace cinematográfica una imagen; la luz no. Primero se pone la cámara y a los sujetos para que haya volumen y fuga; después se ilumina.
  • Luz por capa (≈05:10):
    • F y B: relleno, o su ausencia, para dar forma a la profundidad.
    • M: la clave define al sujeto.
    • Contraluz o recorte (backlight, rim) para despegar al sujeto del fondo.
  • La luz no se tiene que notar: La luz apoya la imagen, no se luce. Si se ve la luz antes que la historia, se rompe la ilusión.

El detalle de clave y relleno (lado inteligente, ratio, motivación) está en iluminacion-cinematografica.

4. Cómo leer una imagen (el método del video)

  1. Encuadre: ¿es una composición con capas o un plano de sujeto?
  2. Capas: ¿qué hay en F, en M y en B?
  3. Luz por capa: ¿dónde están la clave, el relleno (o su ausencia) y el recorte? ¿La luz apoya la profundidad o maquilla un encuadre plano?
  4. El porqué: ¿por qué aquí, por qué esta composición, por qué esta forma de hacer profundidad, por qué este lente, por qué los actores están puestos así?

Plantilla:

Toma: <marca de tiempo o descripción>
Tipo: composición en capas | plano de sujeto
F: <…> · M: <…> · B: <…>
Luz: F/B <relleno o ausencia> · M <clave> · recorte <sí/no>
Porqué: <qué decisión de historia justifica cada elección>
Prompt EN: <línea lista para pegar>

5. Traducción

Prompt para video o imagen con IA (en inglés)

Describe las tres capas en orden, de cerca a lejos. Los modelos aplanan la imagen si no se lo pides.

  • layered composition: dark window bars in the foreground, a window frame in the midground, a warmly lit kitchen with three people arguing in the background
  • deep staging, out-of-focus shoulder in the foreground, subject in the midground, busy street receding in the background
  • Luz por capa: key light on the subject in the midground, foreground and background left dark, thin rim light separating the subject from the background
  • Plano de sujeto, cuando toque: tight close-up, background fully out of focus

Blender

Acomoda los objetos en tres distancias a la cámara y verifica en la vista de cámara que se lean las tres. Ilumina por capa: clave sobre el sujeto (M), poca o nada de luz en F, recorte detrás del sujeto, y el fondo con su propia fuente motivada. Prueba con un render, no con el viewport.

Límites

  • Cubre solo los primeros minutos del video; el resto no está analizado.
  • Los ejemplos de película vienen de un análisis automático de video y pueden estar mal atribuidos. Los nombres de película van «según Gemini»: compruébalos antes de citarlos.

Referencias

  • Se combina con dirigir-la-mirada (a dónde va el ojo), iluminacion-cinematografica (cómo se hace cada luz) y angulos-de-camara (desde dónde).
  • Para una pieza completa, del mercado a la toma, direccion-creativa usa esta skill en los pasos 8 (imagen) y 9 (shot list).

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

auraliq/angulos-de-camara

Entiende, identifica y elige ángulos de cámara (picado, contrapicado, cenital, nivel de ojos, holandés, ras de suelo) y los traduce a lo que se necesita después, prompt en inglés para un generador de video con IA (Higgsfield, Seedance, Kling, Veo), parámetros de cámara en Blender, o un shot list. Úsala SIEMPRE que el usuario quiera analizar un plano, un frame, un clip o una película; planear tomas o un storyboard; escribir el prompt de cámara de un video con IA; colocar la cámara de una escena de Blender; o cuando aparezcan palabras como ángulo, picado, contrapicado, cenital, high angle, low angle, bird's eye, dutch angle, encuadre, "desde arriba", "desde abajo" o "cómo se ve más poderoso / más vulnerable", aunque no diga "ángulo de cámara".

auraliq/direccion-creativa

El director de orquesta de todas las skills de cine y publicidad. Lleva un anuncio o pieza de video de principio a fin, tarea de fondo, nivel de conciencia y sofisticación del mercado (Schwartz), gran idea (Ogilvy, Sullivan), historia (Truby, Cron, StoryBrand), formato de comercial, guion por segundos, diseño de cada toma (capas, mirada, luz, ángulo), shot list con prompts en inglés para video con IA y revisión final, llamando a `publicidad`, `alfabetizacion-visual`, `dirigir-la-mirada`, `iluminacion-cinematografica` y `angulos-de-camara` en el momento justo. Úsala SIEMPRE que el usuario pida hacer, escribir, dirigir, storyboardear o revisar un anuncio, comercial, reel, video para Meta o TikTok, guion de video, concepto creativo, campaña con varias piezas o shot list, o diga "hazme un anuncio", "qué video hacemos", "esto no pega" o "dale una vuelta", aunque no nombre ningún libro.

auraliq/dirigir-la-mirada

Decide y controla a dónde mira el espectador dentro del cuadro y en qué orden, encuadre (centro, tercios, proporción áurea), bloqueo y líneas de mirada, foco y profundidad de campo, movimiento de cámara, color y vestuario, líneas guía, cuadro dentro del cuadro, luz y sonido, y lo traduce a un prompt en inglés para video con IA, a cámara y foco en Blender, o a notas de dirección. Úsala SIEMPRE que el usuario quiera que algo "se note", que el ojo vaya a un producto, un personaje o un detalle; analizar por qué un plano funciona o se ve confuso; componer un frame, un anuncio, un storyboard o una escena de Blender; o cuando aparezcan palabras como composición, encuadre, punto focal, regla de tercios, foco, desenfoque, rack focus, "que resalte", "no se ve qué es lo importante" o "a dónde mira la gente", aunque no diga "dirigir la mirada".

auraliq/iluminacion-cinematografica

Entiende, identifica y diseña la iluminación de una toma, luz clave, relleno, contraste, ratio, lado inteligente / lado tonto, motivación y luces prácticas, y la traduce a un prompt en inglés para video con IA (Higgsfield, Seedance, Kling, Veo), a luces de Blender, o a un plano de luces. Úsala SIEMPRE que el usuario quiera analizar la luz de un frame, clip o película; decidir cómo iluminar una escena o un personaje; escribir la parte de luz de un prompt de video o imagen con IA; iluminar una escena en Blender; o cuando aparezcan palabras como luz, iluminación, sombras, contraste, key light, fill, relleno, contraluz, rim, chiaroscuro, "look cinematográfico", "se ve plano", "más dramático" o "más cálido", aunque no diga "iluminación".

auraliq/publicidad

Escuela y método de publicidad basados en cinco libros, Las 22 leyes inmutables del marketing (posicionamiento), Building a StoryBrand 2.0 (mensaje SB7, one-liner, prueba del gruñido), Simple Marketing for Smart People (construir creencias, afirmación + prueba), Contagious (STEPPS, que se comparta) y Traction (canales, Bullseye), para pensar, escribir, revisar y enseñar anuncios y campañas de principio a fin. Úsala SIEMPRE que el usuario quiera crear o criticar un anuncio, una campaña, un guion de video publicitario, un mensaje de marca, un slogan, el texto de una página o de un formulario de Meta; decidir posicionamiento, público o canal; entender por qué algo no convierte; o APRENDER publicidad ("enséñame", "qué haría StoryBrand aquí", "cómo lo vería Ries"), aunque no nombre los libros. Combínala con las skills de cine cuando el anuncio sea video.

Skills associés