CommunityImagengithub.com

分镜故事板生成器

根据用户描述的故事内容,润色故事线并拆分为分镜脚本,批量生成风格一致的故事板插图。提供8种视觉风格选择,基于故事类型推荐最佳风格。调用Gemini API生成图片,保存到Obsidian图片目录。

¿Qué es 分镜故事板生成器?

Este agente especializado en la creación de storyboards (guiones gráficos) permite a los usuarios transformar descripciones narrativas en secuencias visuales coherentes. Primero, refina y estructura la historia, dividiéndola en 6-10 fotogramas clave con indicaciones detalladas de tipo de plano, descripción visual, tono emocional y diálogo. Luego, recomienda uno de los 8 estilos artísticos predefinidos (desde cómic cyberpunk hasta acuarela estilo Ghibli o tinta china) según el género de la historia, y genera prompts optimizados para la API de Gemini (modelo `gemini-3-pro-image-preview`), asegurando consistencia visual entre todos los fotogramas mediante anclajes de estilo y descripciones uniformes de personajes. El agente produce imágenes en formato 16:9 y resolución 2K, las guarda en una carpeta estructurada dentro de Obsidian, y permite iterar fácilmente: regenerar fotogramas individuales, ajustar el ritmo de la historia o añadir escenas de transición. Está diseñado para escritores, creadores de contenido, desarrolladores de videojuegos y cualquier persona que necesite visualizar una historia de forma rápida y profesional, integrando la salida directamente en un flujo de trabajo de notas (Obsidian).

Compatible con~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/leechary337688-sudo/game-production/tree/HEAD/skills/storyboard-generator

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Generador de Storyboards (Guiones Gráficos)

Refina la línea argumental a partir de la descripción del usuario, la divide en un guion gráfico (storyboard) y genera ilustraciones de storyboard en lote con un estilo coherente.

Flujo de Trabajo

Fase 1: Refinamiento de la Historia y División en Storyboard

  1. Recibir la Historia - Obtener el contenido de la historia descrito por el usuario (texto, esquema o fragmento de inspiración).
  2. Refinar la Línea Argumental - Completar los detalles narrativos, ordenar el arco emocional y generar un resumen estructurado de la historia:
    Resumen de la Historia: Resumen en una frase
    Arco Emocional: [Inicio] → [Giro] → [Desenlace]
    
  3. Dividir en Storyboard - Dividir la historia en 6-10 fotogramas clave, cada uno con:
    • Título de la escena
    • Tipo de plano (general/medio/primer plano/extremo primer plano, etc.)
    • Descripción visual (acción de los personajes, entorno, iluminación)
    • Tono emocional
    • Diálogo/texto (si lo hubiera)
  4. Mostrar el Guion Gráfico - Presentarlo en formato de tabla, esperando la confirmación o ajuste del usuario.

Formato de visualización:

## Guion Gráfico

| # | Escena | Plano | Descripción Visual | Emoción |
|---|--------|-------|--------------------|---------|
| 1 | Apertura | General | xxx | Tranquilidad |
| 2 | Introducción | Medio | xxx | Curiosidad |
| ... |

Fase 2: Selección de Estilo

Una vez confirmado el guion gráfico, mostrar 8 estilos visuales (leer references/visual-styles.md):

#EstiloCaracterística en una FraseHistoria Adecuada
1Cómic CyberpunkNeón + tonos oscuros + alto contrasteTecnología/IA/Futuro
2Acuarela Estilo GhibliAcuarela suave + luz cálidaCotidiano/Cálido/Crecimiento
3Ilustración Plana AmericanaGeométrica vectorial + colores vivosProducto/Negocio/Educación
4Boceto de Storyboard CinematográficoDibujo en blanco y negro + anotaciones de cámaraGuion de vídeo/Publicidad
5Arte PixeladoEstilo retro 16 bitsJuegos/Diversión/Geek
6Tinta China Estilo Shui-moManchas de tinta + espacios poéticosTradición/Filosofía/Oriental
7Cómic de Línea ClaraLíneas gruesas uniformes + colores planosAventura/Humor/IP
8Arte Conceptual RealistaPintura digital de nivel cinematográficoÉpico/Ciencia Ficción/Fantasía

Según el tipo de historia y el tono emocional, recomendar 1-2 estilos más adecuados y explicar el motivo, esperando la selección del usuario.

Fase 3: Generación de Prompts

Una vez seleccionado el estilo por el usuario, generar prompts para cada fotograma del storyboard.

Estructura de cada prompt (leer references/visual-styles.md para obtener el prefijo de estilo y el lenguaje de cámara):

  1. Prefijo de Estilo - Descripción estándar del estilo seleccionado
  2. Instrucción de Cámara - Ej. "Plano general de establecimiento" / "Primer plano"
  3. Narrativa Visual - Descripción completa de la escena en oraciones completas (personajes, acción, entorno, iluminación, atmósfera)
  4. Instrucción Emocional - Emoción clara que debe transmitir la imagen
  5. Anclaje de Consistencia - Importante: Este es el fotograma N de una secuencia de storyboard de TOTAL fotogramas. Mantén exactamente el mismo estilo artístico, paleta de colores, diseño de personajes y coherencia visual. El mismo personaje debe verse idéntico en todos los fotogramas.
  6. Instrucción de Idioma (si es necesario) - Todo el texto, letreros y diálogos en la imagen deben estar en chino simplificado (简体中文). Los términos técnicos pueden mantenerse en inglés.

Mostrar tabla resumen de prompts, esperar confirmación:

## Resumen de Prompts

| # | Escena | Plano | Estilo | Imagen Central |
|---|--------|-------|--------|----------------|
| 1 | Apertura | General | Cyberpunk | Horizonte urbano... |
| ... |

Confirmar para comenzar la generación (total N fotogramas)

Fase 4: Generación por Lotes

Tras la confirmación, generar fotograma por fotograma llamando al script:

python3 scripts/generate_image.py \
  --prompt "prompt" \
  --output "/Users/ugreen/Documents/obsidian/09image/MMDD-nombre-historia-storyboard/01-nombre-escena.png" \
  --api-key "AIzaSyDvvGGRbH4Os3Er0dYi0kE_AzE3_2b_Az8" \
  --api-url "https://generativelanguage.googleapis.com" \
  --model "gemini-3-pro-image-preview" \
  --aspect-ratio "16:9" \
  --resolution "2K"

Notas importantes:

  • El storyboard por defecto es horizontal 16:9
  • Resolución por defecto 2K
  • MMDD es la fecha del día
  • Nombre de archivo: 01-abreviatura-escena.png, 02-abreviatura-escena.png...
  • Intervalo de 2-3 segundos entre fotogramas para evitar limitación de velocidad
  • Registrar los fotogramas fallidos y continuar, informar al final
  • Crítico: La descripción de la apariencia de los personajes debe ser coherente en todos los fotogramas (peinado, vestimenta, complexión)

Fase 5: Visualización e Iteración

  1. Una vez completada la generación, listar todas las rutas de los fotogramas en orden.
  2. Preguntar al usuario:
    • "¿Estás satisfecho con el ritmo general de la historia?"
    • "¿Necesitas regenerar algún fotograma?"
    • "¿Necesitas añadir/eliminar alguna escena?"
    • "¿Estás satisfecho con la coherencia de los personajes?"
  3. Iterar: ajustar los prompts y regenerar los fotogramas especificados.

Especificación de Ruta de Guardado

/Users/ugreen/Documents/obsidian/09image/MMDD-nombre-historia-storyboard/
├── 01-apertura-general.png
├── 02-introduccion-medio.png
├── 03-giro-primer-plano.png
├── 04-desarrolloA-medio.png
├── 05-desarrolloB-panoramica.png
├── 06-climax-extremo-primer-plano.png
├── 07-desenlace-general.png
└── storyboard-script.md  (opcional: guardar el documento del guion gráfico)

Configuración de la API

Elemento de ConfiguraciónValor
URL de la APIhttps://generativelanguage.googleapis.com
Clave de APIAIzaSyDvvGGRbH4Os3Er0dYi0kE_AzE3_2b_Az8
Modelogemini-3-pro-image-preview
Relación de aspecto predeterminada16:9 (storyboard horizontal)
Resolución predeterminada2K

Referencia Rápida de Lenguaje de Cámara

PlanoTérmino en InglésUso
Gran Plano GeneralWide ShotApertura, establecer entorno
Plano Entero / PanorámicaFull Shot / Long ShotPersonaje completo + entorno
Plano MedioMedium ShotDiálogo, interacción cotidiana
Primer PlanoClose-UpExpresión facial, emoción
Extremo Primer PlanoExtreme Close-UpObjeto clave, detalle
PicadoHigh Angle / Bird's-Eye ViewVisión general, sensación de pequeñez
ContrapicadoLow AngleAutoridad, impacto

Uso Común

El Usuario DiceAcción
"Dibújame un storyboard"Recopilar historia → Refinar → Dividir en storyboard → Seleccionar estilo → Generar
"Convierte esta historia en un storyboard"Igual que arriba
"Dibuja esta historia con estilo cyberpunk"Saltar selección de estilo, usar el estilo especificado directamente
"El fotograma 3 no está bien, regenéralo"Ajustar el prompt y regenerar ese único fotograma
"Añade un fotograma de transición"Insertar un nuevo fotograma de storyboard en la posición especificada

Skills relacionados