YouMind
ResumenCasos de usoHabilidadesPromptsPreciosBlogActualizaciones

Presentación editorial-revista

madeBy
YYouMind Official
installedBy
52
categoryLabelwebpage
fromYouMind
Editor's Pick
淡

Featured by

淡苍

Why we love this skill

Esta habilidad puede transformar tu contenido en una presentación de PowerPoint web con un estilo único de "revista electrónica × tinta electrónica", combinando fondos fluidos WebGL con una tipografía exquisita, lo que hará que tus presentaciones sean artísticas y sofisticadas, y te permitirá despedirte de la monotonía de las presentaciones de PowerPoint tradicionales.

Instrucciones

Recuerda utilizar una página web para generar el resultado y debes preguntar al usuario qué idioma desea utilizar.

Genera presentaciones web tipo PPT (archivo HTML único) con formato horizontal, al estilo de una revista electrónica o una pantalla táctil, incluyendo plantillas como fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, banners de datos grandes y cuadrículas de imágenes. Úsalas cuando necesites crear presentaciones web para compartir, presentaciones o eventos de lanzamiento, o cuando te refieras a "presentaciones tipo revista", "presentaciones horizontales", "revistas editoriales" o "presentaciones de pantalla táctil".

# Presentación web de revistas

## ¿Qué hace esta habilidad?

Generar un archivo HTML único con formato de presentación de diapositivas horizontal. El estilo visual es:

- Un estilo híbrido que combina revista electrónica y tinta electrónica.

- **Fondo fluido/contorno/dispersión WebGL** (Ver página principal)

- **Encabezados con serifa (Noto Serif SC + Playfair Display) + Texto del cuerpo sin serifa (Noto Sans SC + Inter) + Metadatos monoespaciados (IBM Plex Mono)**

- **Iconos lineales lúcidos** (No se requieren emojis)

- **Paso de página horizontal (izquierda y derecha en el teclado, rueda de desplazamiento, deslizamiento en la pantalla táctil, punto inferior, tecla ESC)**

- **Interpolación fluida del tema**: Los colores y los sombreadores cambian de forma fluida al navegar a la página principal.

La estética de esta habilidad no es ni "PowerPoint empresarial" ni "interfaz de usuario de internet para el consumidor"; es como la revista *Monocle* con código pegado.

## Cuándo usar

**Escenarios adecuados:**

- Sesiones de intercambio presenciales / Charlas del sector / Reuniones privadas

- Día de lanzamiento/demostración de nuevos productos de IA

- Un discurso con un fuerte estilo personal

- Necesito una versión web de las diapositivas que se pueda completar de una sola vez sin necesidad de pasar las páginas.

**Escenarios inapropiados:**

- Grandes secciones de datos de tablas y gráficos superpuestos (utilizando presentaciones estándar de PowerPoint)

- Materiales de capacitación (densidad de información insuficiente)

- Requiere edición colaborativa por parte de varias personas (es HTML estático).

### Paso 1 · Aclarar los requisitos (**Imprescindible antes de empezar**)

Si el usuario ya ha proporcionado un esquema completo e imágenes, puede pasar directamente al paso 2.

Si el usuario solo proporciona un tema o una idea vaga, analícelo con estas 6 preguntas una por una antes de comenzar. No empiece a escribir diapositivas basándose en suposiciones; una vez que la estructura es incorrecta, las revisiones posteriores resultan muy costosas. Puede usar la herramienta askUserQuestion para formular preguntas.

#### 6 Preguntas de aclaración

| # | Pregunta | ¿Por qué preguntar? |

|---|------|-----------|

| 1 | **¿Quién es la audiencia? ¿Cuál es el escenario de intercambio?** (Personas clave de la industria/Lanzamiento de negocio/Día de demostración/Reunión privada) | Determina el estilo y la profundidad del lenguaje |

| 2 | **¿Duración para compartir?** | 15 minutos ≈ 10 páginas, 30 minutos ≈ 20 páginas, 45 minutos ≈ 25-30 páginas |

| 3 | **¿Tienes algún material original?** (Documentos/Datos/Presentaciones antiguas/Enlaces a artículos) | Si tienes materiales, úsalos; si no, crea algo nuevo a partir de ellos. |

| 4 | **¿Hay imágenes? ¿Dónde deberían colocarse?** | Ver "Convenciones sobre imágenes" a continuación |

| 5 | **¿Qué color de tema prefieres?** | Consulta @themes.md , elige uno de los 5 preajustes |

| 6 | **¿Existen restricciones estrictas?** (Debe incluir datos XX / No puede contener YY) | Para evitar retrabajos |

#### Ayuda para la elaboración de un esquema (si el usuario no dispone de un esquema)

Utilice la plantilla de "arco narrativo" para construir la estructura y, a continuación, complete el contenido:

```

Introducción → Página 1: Presenta un contraste/una pregunta/datos concretos para que la gente se detenga.

Estableciendo el tono (Contexto) → Páginas 1-2: Explica los antecedentes / Quién eres / Por qué estás hablando de esto

Cuerpo principal (Núcleo) → Páginas 3-5: Contenido principal, intercalado con diseños 4/5/6/9/10

Cambio → Página 1: Rompiendo expectativas / Presentando una nueva perspectiva

Conclusiones → Páginas 1-2: Citas clave / Preguntas intrigantes / Sugerencias de acción

```

Arco narrativo + planificación de números de página + tabla de ritmo temático (ver @layouts.md ), **alinee las tres tablas** antes de proceder al Paso 2.

Se recomienda guardar el esquema como un `registro de proyecto` o `esquema-v1` para facilitar las iteraciones posteriores.

#### Convenciones de imagen (Informar a los usuarios)

Explique lo siguiente al usuario antes de continuar:

- **Ubicación de la imagen**: ¿Qué imagen está en el tablero o qué imagen se subió?

- **¿Qué sucede si no hay imágenes?**: Para alinear con el diseño del usuario, primero puede generar la estructura usando bloques de color de marcador de posición y agregar imágenes más tarde; sin embargo, debe informar a los diseños 4/5/10 y otras páginas mixtas de texto e imágenes que el efecto visual no se puede verificar sin imágenes.

### Paso 2 · Plantilla de referencia

@template.txt es un archivo HTML **completo y funcional**: CSS, sombreadores WebGL, paginación JS y CDN de fuentes/iconos están preconfigurados; solo `

` contiene 3 diapositivas de ejemplo (portada, portada de capítulo y página en blanco).

#### 2.1 · Marcadores de posición que deben modificarse (**Fáciles de pasar por alto**)

Inmediatamente después de copiar, cambie los siguientes marcadores de posición; de lo contrario, las pestañas de su navegador mostrarán un texto extraño como "[Obligatorio] Reemplazar con el título de la PPT":

| Ubicación | Original | Debe cambiarse a |

|------|------|--------|

| `` | `[Obligatorio] Reemplazar con el título de la presentación · Título de la presentación` | Título real de la presentación (p. ej., `Una nueva forma de trabajar · Luke Wroblewski`) |</p><p></p><p> #### 2.2 · Seleccionar color del tema (5 preajustes · No se permiten colores personalizados)</p><p></p><p> Esta función **solo permite seleccionar entre 5 preajustes cuidadosamente seleccionados** y no acepta valores hexadecimales definidos por el usuario; los colores que no coinciden hacen que la imagen se vea fea al instante; proteger la estética es más importante que dar libertad.</p><p></p><p> | # | Tema | Adecuado para |</p><p> |---|------|------|</p><p> | 1 | 🖋 Tinta clásica | Versión general/comercial/Predeterminada si no está seguro |</p><p> | 2 | 🌊 Porcelana Índigo | Conferencia sobre Tecnología/Investigación/Datos/Lanzamiento de Tecnología |</p><p> | 3 | 🌿 Tinta del bosque | Naturaleza/Sostenibilidad/Cultura/No ficción |</p><p> | 4 | 🍂 Papel Kraft | Nostalgia/Humanidades/Literatura/Revista independiente |</p><p> | 5 | 🌙 Dunas de arena | Arte/Diseño/Creatividad/Galería |</p><p></p><p> **funcionar**:</p><p> 1. Recomiende un conjunto de contenido basado en el tema, o pregunte directamente al usuario qué conjunto le gustaría elegir.</p><p> 2. Abra <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> y busque el bloque `:root` del tema correspondiente.</p><p> 3. **Reemplazo completo** de las líneas marcadas como "color del tema" dentro del bloque `:root{` al principio <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">de @template.txt</span> (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`).</p><p> 4. Todo el resto de CSS utiliza `var(--...)`, sin requerir ninguna otra modificación.</p><p></p><p> **Reglas estrictas**:</p><p> - Utilice un solo tema para cada mazo; no cambie la combinación de colores a mitad del proceso.</p><p> - No acepte valores hexadecimales arbitrarios proporcionados por el usuario; rechácelos cortésmente y muestre 5 opciones para seleccionar.</p><p> - No combines materiales diferentes (por ejemplo, tinta para Ink Classic, papel para Dune); se verá completamente fuera de lugar.</p><p></p><p> ### Paso 3 · Rellene el contenido</p><p></p><p> #### 3.0 · Verificación previa al vuelo: Los nombres de las clases deben estar definidos en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> (**Muy importante**)</p><p></p><p> Este es el origen de todos los problemas de generación. El esqueleto de <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> utiliza muchos nombres de clase (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5`, etc.). Si no existe una definición correspondiente en `<style>` de `assets/template.html`, el navegador recurrirá al estilo predeterminado: los encabezados se convierten en sans-serif, las tarjetas de datos se agrupan, las tuberías se difuminan en una sola línea y las imágenes se apilan en la parte inferior de la página.</p><p></p><p> **Antes de escribir cualquier código para las diapositivas:**</p><p></p><p> 1. **Primero, lee <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> ** (al menos hasta el final del bloque `<style>`).</p><p> 2. **Consulta la lista de pre-vuelo en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ** para confirmar que todas las clases que deseas usar existen en la etiqueta `<style>`.</p><p> 3. Si falta una clase: **agréguela en la sección `<style>` de <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> **, no la reescriba en línea en cada diapositiva.</p><p> 4. <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">**@template.txt</span> es la única fuente de nombres de clases**—no invente nuevos nombres de clases; si necesita personalizarlos, use `style="..."` en línea.</p><p></p><p> Clases que suelen pasarse por alto (debe confirmarse su existencia de antemano):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`</p><p></p><p> #### 3.0.5 · Planificación del ritmo del tema (**Igualmente importante que la detección previa de la clase**)</p><p></p><p> Antes de elegir un diseño, primero debe especificar la clase de tema para cada página (`hero dark` / `hero light` / `light` / `dark`) y alinearla en un documento o borrador. Consulte la sección "Planificación del ritmo del tema" que comienza con <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> para obtener información detallada sobre las reglas.</p><p></p><p> **Reglas obligatorias**:</p><p></p><p> - Cada sección de la página debe incluir una de las siguientes palabras: `luz`, `oscuridad`, `héroe luz` o `héroe oscuridad`; no escriba solo `héroe`.</p><p> - Más de 3 páginas consecutivas sobre el mismo tema = fatiga visual, no permitido.</p><p> - Las páginas 8 o más deben contener al menos un "héroe oscuro" y al menos un "héroe luminoso".</p><p> - La baraja completa no puede constar únicamente de páginas de texto "claro"; también debe incluir páginas de texto "oscuro" para crear un respiro.</p><p> - Insertar una página destacada cada 3-4 páginas (portada/contraportada/pregunta/cita extensa).</p><p></p><p> **Autocomprobación posterior a la generación: `grep 'class="slide' index.html` lista todos los temas; la verificación manual garantiza que el ritmo sea razonable antes de la entrega.</p><p></p><p> #### 3.1 · Elegir un diseño</p><p></p><p> **No crees diapositivas desde cero.** Abre <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">`@layouts.md`</span> , que contiene 10 esqueletos de diseño listos para usar, cada uno un bloque de código `<section>` completo y pegable:</p><p></p><p> | Diseño | Propósito |</p><p> |---|---|</p><p> | 1. Portada | Página 1 |</p><p> | 2. Portada del capítulo | Inicio de cada acto |</p><p> 3. Pósteres basados ​​en datos | Presentación de datos concretos |</p><p> | 4. Texto a la izquierda, imagen a la derecha (cita + imagen) | Contraste de identidad / Historia |</p><p> | 5. Cuadrícula de imágenes | Comparación de múltiples imágenes / Evidencia mediante capturas de pantalla |</p><p> 6. Flujo de trabajo de dos vías |</p><p> | 7. Fin del suspenso/Página de preguntas | Fin de capítulos/Final |</p><p> 8. Cita destacada | Serifs/Conclusiones |</p><p> | 9. Comparación paralela (Antes / Después) | Modo antiguo vs. Modo nuevo |</p><p> | 10. Combinación de imagen y texto | Páginas con gran cantidad de información que combinan imagen y texto |</p><p></p><p> Seleccione el diseño correspondiente, péguelo y modifique las rutas del texto y las imágenes. **Complete primero la comprobación previa a la prueba 3.0.**</p><p></p><p> #### 3.2 Estándares de relación de aspecto de la imagen</p><p></p><p> Utilice siempre la **relación de aspecto estándar**, nunca utilice relaciones de aspecto extrañas de la imagen original (como `2592/1798`):</p><p></p><p> | Escenarios | Índice de recomendación |</p><p> |------|---------|</p><p> | Texto a la izquierda, imagen a la derecha (imagen principal) | 16:10 o 4:3 + `max-height:56vh` |</p><p> | Cuadrícula de imágenes (comparación de múltiples imágenes) | **Altura fija: 26vh**, no es necesario especificar la relación de aspecto |</p><p> | Imagen pequeña a la izquierda + texto a la derecha | 1:1 o 3:2 |</p><p> | Imagen principal a pantalla completa | 16:9 + `max-height:64vh` |</p><p> | Pequeñas ilustraciones con diseño mixto de texto e imagen | 3:2 o 3:4 |</p><p></p><p> **Nunca uses `align-self:end` en imágenes**, ya que se desplazarán hasta la parte inferior de la celda y quedarán ocultas por la barra de herramientas del navegador. Usa un contenedor de cuadrícula con `align-items:start` (predefinido en la plantilla) para mantener las imágenes en la parte superior; para mantener las imágenes en la parte inferior de la columna izquierda, usa una columna flexible con `justify-content:space-between`.</p><p></p><p> Los detalles de los componentes (fuentes, colores, cuadrículas, iconos, llamadas, tarjetas de estadísticas, etc.) se encuentran en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">@components.md</span> .</p><p></p><p> ### Paso 4 · Autocomprobación con la lista de verificación</p><p></p><p> Tras generar la lista de verificación, asegúrese de abrir <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">@checklist.md</span> y comprobar cada elemento según las instrucciones. En ella se resumen todos los problemas detectados durante el proceso de iteración, y deben resolverse todos los problemas de nivel P0 (emojis, exceso de imágenes, saltos de línea en los títulos, división de fuentes).</p><p></p><p> Varios puntos a los que prestar especial atención:</p><p></p><p> 1. **Los encabezados principales deben estar en fuente con serifa**—Si se muestran como sans-serif, es 99% probable que la verificación previa al paso 3.0 haya fallado y que falte la clase `h-hero` en template.html.</p><p> 2. **Utilice únicamente `height:Nvh` en la cuadrícula de imágenes; no utilice `aspect-ratio` (esto provocará que la cuadrícula se rompa).**</p><p> 3. **Las imágenes no deben desplazarse hasta la parte inferior de la página** — No utilice `align-self:end`, utilice grid + `align-items:start` (consulte el paso 3.2).</p><p> 4. **Las imágenes deben tener una relación de aspecto estándar** (16:10 / 4:3 / 3:2 / 1:1 / 16:9). No copie imágenes con relaciones de aspecto inusuales.</p><p> 5. **Los encabezados principales en chino deben tener ≤ 5 caracteres y usar `nowrap` (evitar 1 carácter por línea)**</p><p> 6. **Utiliza Lucide, no emojis.**</p><p> 7. **Utilice fuentes con serifa para los títulos, fuentes sin serifa para el texto del cuerpo y ancho fijo para los metadatos.**</p><p></p><p> ### Paso 5 · Iteración</p><p></p><p> Modificada en función de los comentarios de los usuarios, la plantilla ahora cuenta con un alto grado de parametrización en su CSS, y el 90 % de los ajustes son cambios en los estilos en línea (font-size:Xvw / height:Yvh / spacing:Zvh).</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">plantilla.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">temas.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">diseños.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">componentes.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">lista de verificación.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>Página web</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qc9inpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## Principios básicos de diseño (Filosofía)</p><p></p><p> Estos principios son el resultado de cinco intentos de crear presentaciones de PowerPoint para una empresa unipersonal. Incumplir cualquiera de ellos arruinará el atractivo visual.</p><p></p><p> 1. **Moderación sobre brillantez técnica**: los fondos WebGL solo son visibles en las páginas principales y casi invisibles en las páginas normales.</p><p> 2. **Estructura sobre decoración**: Sin sombras, sin tarjetas flotantes, sin recuadros de relleno; toda la información se transmite mediante **tamaño de fuente grande + contraste de fuente + espaciado de cuadrícula**.</p><p> 3. **La jerarquía del contenido se define por el tamaño y el tipo de fuente** — Serif máxima = título principal, serif mediana = subtítulo, sans-serif grande = introducción, sans-serif pequeña = cuerpo, ancho fijo = metadatos</p><p> 4. **Las imágenes son el primer ciudadano** — Recorte únicamente la parte inferior de la imagen, asegurándose de que la parte superior y los lados izquierdo/derecho permanezcan intactos; ajuste la cuadrícula con `height:Nvh`, no utilice `aspect-ratio` para expandirla.</p><p> 5. **Ritmo con páginas principales**: alternar entre páginas principales y secundarias ayuda a prevenir la fatiga visual.</p><p> 6. **Coherencia terminológica** — Skills debe traducirse como Skills, no como una mezcla de chino e inglés.</p><p></p><p> ## Referencias</p><p></p><p> El estilo visual de esta habilidad está inspirado en:</p><p></p><p> - Compartir "Empresas unipersonales: Organizaciones transformadas por la IA" (22 de abril de 2026, página 27)</p><p> - Maquetación de la revista *Monocle*</p><p> - Una demostración de la publicación del blog del presidente de YC, Garry Tan, titulada "Arnés delgado, habilidades robustas".</p><p></p><p> Pueden utilizarse como elementos de referencia de estilo.</p></div></div></div></div><div class="flex flex-col gap-4 w-full"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">[Original de @GuiCang] Genera una presentación PPT (archivo HTML único) con formato de página web y desplazamiento horizontal, al estilo de una presentación de "revista electrónica × tinta electrónica". Incluye fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, banners de datos grandes, cuadrículas de imágenes y otras plantillas. Úsela cuando necesite crear presentaciones PPT para compartir, eventos de lanzamiento o cuando se refiera a "presentación PPT estilo revista", "presentación horizontal con desplazamiento", "revista editorial" o "presentación de tinta electrónica".</p></div></div><div class="flex flex-col gap-5 px-[168px]"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-2xl">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-3"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">Sistema de revisión de páginas web HTML</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Deja que tu equipo anote directamente los elementos de la página web en el navegador. No se requiere configuración, reconocimiento automático, generación inteligente de sugerencias de modificación impulsada por IA y exportación de informes de revisión que pueden ser comprendidos directamente por el asistente de programación de IA. 🔥 Capacidades principales: ⚡ Inicio en 30 segundos: simplemente proporciona un tema y genera automáticamente una página web con un sistema de revisión. 🤖 Inteligencia de IA: ingresa "fuente demasiado pequeña" y la IA genera automáticamente "sugiere cambiar a 18px PingFang SC". 💾 Nunca se pierde: los comentarios se guardan automáticamente en IndexedDB y se pueden restaurar actualizando la página. 📊 Colaboración en equipo: 5 identidades de rol (producto/diseño/desarrollo/edición/operaciones), codificadas por colores. 🎯 Posicionamiento preciso: haz clic en títulos, botones, íconos y fondos, localizando cada elemento secundario.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="Sistema de revisión de páginas web HTML" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">StoryCanvas</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Ayuda a los creadores a transformar las referencias estéticas existentes en especificaciones de estilo JSON narrativas reutilizables basadas en páginas, mediante múltiples rondas de verificación.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="StoryCanvas" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">Para ser PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Este software convierte contenido de referencia, como artículos, informes, notas, Markdown y texto extraído de archivos PDF, en archivos HTML de un solo archivo con calidad de impresión A4. Selecciona colores de acento de forma adaptativa según el tema del contenido, inserta ilustraciones SVG minimalistas dibujadas a mano, corrige automáticamente problemas de impresión como páginas en blanco, líneas sueltas y elementos truncados al exportar archivos PDF, y abre el PDF directamente con un panel de lienzo en el paso final, lo que permite a los usuarios visualizar, imprimir o exportar archivos PDF sin copiar y pegar código.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="Para ser PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div></div></div></div><div class="flex md:hidden flex-col gap-5 w-full"><div class="flex items-center gap-4 px-5"><div class="relative size-14 shrink-0"><div class="relative size-full overflow-hidden bg-gray5 shadow-[0_1.658px_6.632px_0_rgba(2,4,26,0.07)] rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg05.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 8.4px rgba(0, 0, 0, 0.20))"><path d="M12 3C8.29687 3 6.08203 4.9043 6.08203 8.08594C6.08203 9.84668 6.69287 11.124 7.27734 12.3633C7.47656 12.7852 7.65527 13.1821 7.81641 13.5938C8.44629 15.1992 8.03906 16.9644 7.27734 17.7422C6.61963 18.4116 5.65576 18.9492 5.29687 18.9492C4.28906 18.9492 3.97119 18.3604 3.76172 17.9648C3.65039 17.7554 3.52734 17.5195 3.24609 17.5195C3.104 17.5195 2.64844 17.5767 2.64844 18.3047C2.64844 19.9746 3.60205 20.8726 5.48437 20.9883C5.59424 20.9941 5.7041 21 5.8125 21C7.96289 21 9.89062 19.6978 10.8516 18.4102C11.3042 17.8052 11.5854 17.5342 12 17.4961C12.4292 17.5342 12.7178 17.811 13.1484 18.3867C14.168 19.7505 16.2466 21.126 18.5156 20.9883C20.3979 20.8726 21.3516 19.9629 21.3516 18.293C21.3516 17.5649 20.896 17.5195 20.7539 17.5195C20.4727 17.5195 20.3496 17.7554 20.2383 17.9648C20.0288 18.3604 19.7109 18.9492 18.7031 18.9492C18.3047 18.9492 17.4536 18.6343 16.7461 17.7656C16.1089 16.9819 15.9507 15.5054 16.2891 13.3828C16.4253 12.5288 16.7461 11.9238 17.0742 11.2734C17.4902 10.4487 17.918 9.59473 17.918 8.29688C17.9165 4.98193 15.7031 3 12 3ZM10.6172 8.20313C10.9995 8.20313 11.3086 8.66309 11.3086 9.23438C11.3086 9.80566 10.9995 10.2773 10.6172 10.2773C10.2349 10.2773 9.92578 9.80566 9.92578 9.23438C9.92578 8.66309 10.2349 8.20313 10.6172 8.20313ZM13.3828 8.20313C13.7651 8.20313 14.0742 8.66309 14.0742 9.23438C14.0742 9.80566 13.7651 10.2773 13.3828 10.2773C13.0005 10.2773 12.6914 9.80566 12.6914 9.23438C12.6914 8.66309 13.0005 8.20313 13.3828 8.20313ZM4.69922 10.5C4.44141 10.5 4.18652 10.5762 3.9375 10.7109C3.11426 11.1563 2.625 12.0029 2.625 12.9727C2.625 14.8345 3.69727 16.9731 6.63281 17.3203C6.66797 17.2866 6.70312 17.25 6.73828 17.2148C7.28174 16.6597 7.58789 15.3662 7.20703 14.1328C6.81738 14.4434 6.2417 14.4492 6.15234 14.4492C6.09668 14.4492 6.03662 14.4536 5.98828 14.4492C5.17676 14.3687 4.48828 13.6699 4.48828 12.9258C4.48828 12.4058 4.67725 12.082 4.96875 12.082C5.09473 12.082 5.21924 12.1465 5.29687 12.2461C5.39941 12.375 5.61621 12.5024 5.77734 12.5273C5.79639 12.5303 5.84033 12.5273 5.85937 12.5273C6.13477 12.5273 6.35156 12.3149 6.375 12.0234C6.39404 11.7759 6.26221 11.5444 6.16406 11.3906C6.03076 11.1826 5.53418 10.5 4.69922 10.5ZM19.4297 10.5117C18.8774 10.5117 18.3633 10.7856 18.082 11.2266C18.0029 11.3525 17.8828 11.5928 17.918 11.8242C17.9619 12.1069 18.1948 12.3281 18.4687 12.3281C18.4878 12.3281 18.5332 12.3193 18.5508 12.3164C18.7148 12.293 18.8159 12.2007 18.9023 12.1289C18.9888 12.0586 19.1484 11.9883 19.2656 11.9883C19.459 11.9883 19.4883 12.3604 19.4883 12.5859C19.4883 13.5015 18.8437 14.25 18.0469 14.25C17.8975 14.25 17.3789 14.231 16.9687 13.9922C16.7124 15.999 17.0186 16.8633 17.2734 17.2266C18.7061 17.127 19.7988 16.6304 20.5078 15.7266C21.2637 14.7627 21.375 13.5879 21.375 12.9727C21.375 12.0938 21.0176 11.0098 20.0156 10.6172C19.8325 10.5454 19.6318 10.5117 19.4297 10.5117Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-1 min-w-0 flex-col gap-1 justify-center"><div class="flex items-center gap-2 min-w-0"><h2 class="min-w-0 text-2xl font-semibold leading-8 text-primary truncate">Presentación editorial-revista</h2></div></div><div class="flex gap-2 items-center"><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border border-new-border hover:bg-snip-card active:bg-muted hover:text-accent-foreground disabled:bg-snip-card disabled:text-muted-foreground disabled:border-bg-border h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">Copiar enlace</button><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-primary text-primary-fg hover:opacity-80 active:bg-primary h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">Probar en YouMind</button></div></div><div class="flex flex-col gap-3 px-5"><div class="flex flex-wrap items-center gap-x-10 gap-y-2 w-full"><div class="flex items-center gap-2 min-w-0"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">madeBy</span><a class="hover:opacity-80 transition-opacity" href="/skills/bio/aef143ec-15ab-4046-abe6-7ff9836d43c1"><div class="flex items-center gap-1.5 min-w-0"><span class="relative flex overflow-hidden rounded-full size-5 shrink-0"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-[10px] font-medium">Y</span></span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap truncate">YouMind Official</span></div></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">installedBy</span><div class="flex items-center gap-[3.75px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round shrink-0 text-foreground" aria-hidden="true"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">52</span></div></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">categoryLabel</span><a class="hover:opacity-80 transition-opacity" href="/skills?category=webpage"><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">webpage</span></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">from</span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">YouMind</span></div></div></div><div class="flex flex-col gap-4 px-4"><div><button type="button" class="relative shrink-0 overflow-hidden rounded-xl border border-new-border bg-muted h-60 w-full cursor-pointer"><img src="https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599" alt="" class="absolute inset-0 size-full object-cover"/></button></div></div><div class="px-5"><div class="relative overflow-hidden rounded-[28px] border border-black/[0.06] bg-card px-5 py-5"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(191,219,254,0.1),transparent_28%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.1),transparent_24%)] opacity-70"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote pointer-events-none absolute bottom-5 right-5 size-12 text-black/[0.045] md:bottom-6 md:right-6 md:size-14" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="relative flex flex-col gap-4"><div class="flex justify-between gap-3 flex-col items-start"><div class="inline-flex w-fit items-center gap-2 rounded-full border border-sky-100 bg-sky-50 px-3 py-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check size-3.5 text-sky-600" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="text-xs font-semibold text-sky-700">Editor's Pick</span></div><a class="flex items-center gap-2.5 transition-opacity hover:opacity-80" href="/skills/bio/7668851c-2313-4ee8-8942-470fa47ad53f"><span class="relative flex shrink-0 overflow-hidden rounded-full size-9 border border-white shadow-sm"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-xs font-medium">淡</span></span><div class="min-w-0"><p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-caption-fg">Featured by</p><p class="truncate text-sm font-semibold text-primary">淡苍</p></div></a></div><div class="flex flex-col gap-2"><p class="text-base font-semibold leading-6 text-primary">Why we love this skill</p><p class="text-sm italic leading-7 text-secondary-fg">Esta habilidad puede transformar tu contenido en una presentación de PowerPoint web con un estilo único de "revista electrónica × tinta electrónica", combinando fondos fluidos WebGL con una tipografía exquisita, lo que hará que tus presentaciones sean artísticas y sofisticadas, y te permitirá despedirte de la monotonía de las presentaciones de PowerPoint tradicionales.</p></div></div></div></div><div class="flex flex-col gap-10 px-5"><div class="flex flex-col gap-4"><div class="flex items-center justify-between"><p class="text-xl font-semibold leading-7 text-primary">Instrucciones<!-- --> </p><button class="flex items-center gap-1 rounded-[20px] px-2.5 py-px "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" class="shrink-0 text-caption-fg" viewBox="0 0 20 20" aria-hidden="true" fill="currentColor"><use xlink:href="#icon-translate"></use></svg><span class="text-xs leading-[18px] whitespace-nowrap text-caption-fg">showOriginal</span></button></div><div class="bg-snip-card rounded-3xl p-3 flex flex-col gap-2.5"><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>Recuerda utilizar una página web para generar el resultado y debes preguntar al usuario qué idioma desea utilizar.</p><p></p><p> Genera presentaciones web tipo PPT (archivo HTML único) con formato horizontal, al estilo de una revista electrónica o una pantalla táctil, incluyendo plantillas como fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, banners de datos grandes y cuadrículas de imágenes. Úsalas cuando necesites crear presentaciones web para compartir, presentaciones o eventos de lanzamiento, o cuando te refieras a "presentaciones tipo revista", "presentaciones horizontales", "revistas editoriales" o "presentaciones de pantalla táctil".</p><p></p><p> # Presentación web de revistas</p><p></p><p> ## ¿Qué hace esta habilidad?</p><p></p><p> Generar un archivo HTML único con formato de presentación de diapositivas horizontal. El estilo visual es:</p><p></p><p> - Un estilo híbrido que combina revista electrónica y tinta electrónica.</p><p> - **Fondo fluido/contorno/dispersión WebGL** (Ver página principal)</p><p> - **Encabezados con serifa (Noto Serif SC + Playfair Display) + Texto del cuerpo sin serifa (Noto Sans SC + Inter) + Metadatos monoespaciados (IBM Plex Mono)**</p><p> - **Iconos lineales lúcidos** (No se requieren emojis)</p><p> - **Paso de página horizontal (izquierda y derecha en el teclado, rueda de desplazamiento, deslizamiento en la pantalla táctil, punto inferior, tecla ESC)**</p><p> - **Interpolación fluida del tema**: Los colores y los sombreadores cambian de forma fluida al navegar a la página principal.</p><p></p><p> La estética de esta habilidad no es ni "PowerPoint empresarial" ni "interfaz de usuario de internet para el consumidor"; es como la revista *Monocle* con código pegado.</p><p></p><p> ## Cuándo usar</p><p></p><p> **Escenarios adecuados:**</p><p> - Sesiones de intercambio presenciales / Charlas del sector / Reuniones privadas</p><p> - Día de lanzamiento/demostración de nuevos productos de IA</p><p> - Un discurso con un fuerte estilo personal</p><p> - Necesito una versión web de las diapositivas que se pueda completar de una sola vez sin necesidad de pasar las páginas.</p><p></p><p> **Escenarios inapropiados:**</p><p> - Grandes secciones de datos de tablas y gráficos superpuestos (utilizando presentaciones estándar de PowerPoint)</p><p> - Materiales de capacitación (densidad de información insuficiente)</p><p> - Requiere edición colaborativa por parte de varias personas (es HTML estático).</p></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>### Paso 1 · Aclarar los requisitos (**Imprescindible antes de empezar**)</p><p></p><p> Si el usuario ya ha proporcionado un esquema completo e imágenes, puede pasar directamente al paso 2.</p><p></p><p> Si el usuario solo proporciona un tema o una idea vaga, analícelo con estas 6 preguntas una por una antes de comenzar. No empiece a escribir diapositivas basándose en suposiciones; una vez que la estructura es incorrecta, las revisiones posteriores resultan muy costosas. Puede usar la herramienta askUserQuestion para formular preguntas.</p><p></p><p> #### 6 Preguntas de aclaración</p><p></p><p> | # | Pregunta | ¿Por qué preguntar? |</p><p> |---|------|-----------|</p><p> | 1 | **¿Quién es la audiencia? ¿Cuál es el escenario de intercambio?** (Personas clave de la industria/Lanzamiento de negocio/Día de demostración/Reunión privada) | Determina el estilo y la profundidad del lenguaje |</p><p> | 2 | **¿Duración para compartir?** | 15 minutos ≈ 10 páginas, 30 minutos ≈ 20 páginas, 45 minutos ≈ 25-30 páginas |</p><p> | 3 | **¿Tienes algún material original?** (Documentos/Datos/Presentaciones antiguas/Enlaces a artículos) | Si tienes materiales, úsalos; si no, crea algo nuevo a partir de ellos. |</p><p> | 4 | **¿Hay imágenes? ¿Dónde deberían colocarse?** | Ver "Convenciones sobre imágenes" a continuación |</p><p> | 5 | **¿Qué color de tema prefieres?** | Consulta <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> , elige uno de los 5 preajustes |</p><p> | 6 | **¿Existen restricciones estrictas?** (Debe incluir datos XX / No puede contener YY) | Para evitar retrabajos |</p><p></p><p> #### Ayuda para la elaboración de un esquema (si el usuario no dispone de un esquema)</p><p></p><p> Utilice la plantilla de "arco narrativo" para construir la estructura y, a continuación, complete el contenido:</p><p></p><p> ```</p><p> Introducción → Página 1: Presenta un contraste/una pregunta/datos concretos para que la gente se detenga.</p><p> Estableciendo el tono (Contexto) → Páginas 1-2: Explica los antecedentes / Quién eres / Por qué estás hablando de esto</p><p> Cuerpo principal (Núcleo) → Páginas 3-5: Contenido principal, intercalado con diseños 4/5/6/9/10</p><p> Cambio → Página 1: Rompiendo expectativas / Presentando una nueva perspectiva</p><p> Conclusiones → Páginas 1-2: Citas clave / Preguntas intrigantes / Sugerencias de acción</p><p> ```</p><p></p><p> Arco narrativo + planificación de números de página + tabla de ritmo temático (ver <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ), **alinee las tres tablas** antes de proceder al Paso 2.</p><p></p><p> Se recomienda guardar el esquema como un `registro de proyecto` o `esquema-v1` para facilitar las iteraciones posteriores.</p><p></p><p> #### Convenciones de imagen (Informar a los usuarios)</p><p></p><p> Explique lo siguiente al usuario antes de continuar:</p><p></p><p> - **Ubicación de la imagen**: ¿Qué imagen está en el tablero o qué imagen se subió?</p><p> - **¿Qué sucede si no hay imágenes?**: Para alinear con el diseño del usuario, primero puede generar la estructura usando bloques de color de marcador de posición y agregar imágenes más tarde; sin embargo, debe informar a los diseños 4/5/10 y otras páginas mixtas de texto e imágenes que el efecto visual no se puede verificar sin imágenes.</p><p></p><p> ### Paso 2 · Plantilla de referencia</p><p></p><p> <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> es un archivo HTML **completo y funcional**: CSS, sombreadores WebGL, paginación JS y CDN de fuentes/iconos están preconfigurados; solo `<main id="deck">` contiene 3 diapositivas de ejemplo (portada, portada de capítulo y página en blanco).</p><p></p><p> #### 2.1 · Marcadores de posición que deben modificarse (**Fáciles de pasar por alto**)</p><p></p><p> Inmediatamente después de copiar, cambie los siguientes marcadores de posición; de lo contrario, las pestañas de su navegador mostrarán un texto extraño como "[Obligatorio] Reemplazar con el título de la PPT":</p><p></p><p> | Ubicación | Original | Debe cambiarse a |</p><p> |------|------|--------|</p><p> | `<title>` | `[Obligatorio] Reemplazar con el título de la presentación · Título de la presentación` | Título real de la presentación (p. ej., `Una nueva forma de trabajar · Luke Wroblewski`) |</p><p></p><p> #### 2.2 · Seleccionar color del tema (5 preajustes · No se permiten colores personalizados)</p><p></p><p> Esta función **solo permite seleccionar entre 5 preajustes cuidadosamente seleccionados** y no acepta valores hexadecimales definidos por el usuario; los colores que no coinciden hacen que la imagen se vea fea al instante; proteger la estética es más importante que dar libertad.</p><p></p><p> | # | Tema | Adecuado para |</p><p> |---|------|------|</p><p> | 1 | 🖋 Tinta clásica | Versión general/comercial/Predeterminada si no está seguro |</p><p> | 2 | 🌊 Porcelana Índigo | Conferencia sobre Tecnología/Investigación/Datos/Lanzamiento de Tecnología |</p><p> | 3 | 🌿 Tinta del bosque | Naturaleza/Sostenibilidad/Cultura/No ficción |</p><p> | 4 | 🍂 Papel Kraft | Nostalgia/Humanidades/Literatura/Revista independiente |</p><p> | 5 | 🌙 Dunas de arena | Arte/Diseño/Creatividad/Galería |</p><p></p><p> **funcionar**:</p><p> 1. Recomiende un conjunto de contenido basado en el tema, o pregunte directamente al usuario qué conjunto le gustaría elegir.</p><p> 2. Abra <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> y busque el bloque `:root` del tema correspondiente.</p><p> 3. **Reemplazo completo** de las líneas marcadas como "color del tema" dentro del bloque `:root{` al principio <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">de @template.txt</span> (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`).</p><p> 4. Todo el resto de CSS utiliza `var(--...)`, sin requerir ninguna otra modificación.</p><p></p><p> **Reglas estrictas**:</p><p> - Utilice un solo tema para cada mazo; no cambie la combinación de colores a mitad del proceso.</p><p> - No acepte valores hexadecimales arbitrarios proporcionados por el usuario; rechácelos cortésmente y muestre 5 opciones para seleccionar.</p><p> - No combines materiales diferentes (por ejemplo, tinta para Ink Classic, papel para Dune); se verá completamente fuera de lugar.</p><p></p><p> ### Paso 3 · Rellene el contenido</p><p></p><p> #### 3.0 · Verificación previa al vuelo: Los nombres de las clases deben estar definidos en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> (**Muy importante**)</p><p></p><p> Este es el origen de todos los problemas de generación. El esqueleto de <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> utiliza muchos nombres de clase (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5`, etc.). Si no existe una definición correspondiente en `<style>` de `assets/template.html`, el navegador recurrirá al estilo predeterminado: los encabezados se convierten en sans-serif, las tarjetas de datos se agrupan, las tuberías se difuminan en una sola línea y las imágenes se apilan en la parte inferior de la página.</p><p></p><p> **Antes de escribir cualquier código para las diapositivas:**</p><p></p><p> 1. **Primero, lee <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> ** (al menos hasta el final del bloque `<style>`).</p><p> 2. **Consulta la lista de pre-vuelo en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ** para confirmar que todas las clases que deseas usar existen en la etiqueta `<style>`.</p><p> 3. Si falta una clase: **agréguela en la sección `<style>` de <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> **, no la reescriba en línea en cada diapositiva.</p><p> 4. <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">**@template.txt</span> es la única fuente de nombres de clases**—no invente nuevos nombres de clases; si necesita personalizarlos, use `style="..."` en línea.</p><p></p><p> Clases que suelen pasarse por alto (debe confirmarse su existencia de antemano):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`</p><p></p><p> #### 3.0.5 · Planificación del ritmo del tema (**Igualmente importante que la detección previa de la clase**)</p><p></p><p> Antes de elegir un diseño, primero debe especificar la clase de tema para cada página (`hero dark` / `hero light` / `light` / `dark`) y alinearla en un documento o borrador. Consulte la sección "Planificación del ritmo del tema" que comienza con <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> para obtener información detallada sobre las reglas.</p><p></p><p> **Reglas obligatorias**:</p><p></p><p> - Cada sección de la página debe incluir una de las siguientes palabras: `luz`, `oscuridad`, `héroe luz` o `héroe oscuridad`; no escriba solo `héroe`.</p><p> - Más de 3 páginas consecutivas sobre el mismo tema = fatiga visual, no permitido.</p><p> - Las páginas 8 o más deben contener al menos un "héroe oscuro" y al menos un "héroe luminoso".</p><p> - La baraja completa no puede constar únicamente de páginas de texto "claro"; también debe incluir páginas de texto "oscuro" para crear un respiro.</p><p> - Insertar una página destacada cada 3-4 páginas (portada/contraportada/pregunta/cita extensa).</p><p></p><p> **Autocomprobación posterior a la generación: `grep 'class="slide' index.html` lista todos los temas; la verificación manual garantiza que el ritmo sea razonable antes de la entrega.</p><p></p><p> #### 3.1 · Elegir un diseño</p><p></p><p> **No crees diapositivas desde cero.** Abre <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">`@layouts.md`</span> , que contiene 10 esqueletos de diseño listos para usar, cada uno un bloque de código `<section>` completo y pegable:</p><p></p><p> | Diseño | Propósito |</p><p> |---|---|</p><p> | 1. Portada | Página 1 |</p><p> | 2. Portada del capítulo | Inicio de cada acto |</p><p> 3. Pósteres basados ​​en datos | Presentación de datos concretos |</p><p> | 4. Texto a la izquierda, imagen a la derecha (cita + imagen) | Contraste de identidad / Historia |</p><p> | 5. Cuadrícula de imágenes | Comparación de múltiples imágenes / Evidencia mediante capturas de pantalla |</p><p> 6. Flujo de trabajo de dos vías |</p><p> | 7. Fin del suspenso/Página de preguntas | Fin de capítulos/Final |</p><p> 8. Cita destacada | Serifs/Conclusiones |</p><p> | 9. Comparación paralela (Antes / Después) | Modo antiguo vs. Modo nuevo |</p><p> | 10. Combinación de imagen y texto | Páginas con gran cantidad de información que combinan imagen y texto |</p><p></p><p> Seleccione el diseño correspondiente, péguelo y modifique las rutas del texto y las imágenes. **Complete primero la comprobación previa a la prueba 3.0.**</p><p></p><p> #### 3.2 Estándares de relación de aspecto de la imagen</p><p></p><p> Utilice siempre la **relación de aspecto estándar**, nunca utilice relaciones de aspecto extrañas de la imagen original (como `2592/1798`):</p><p></p><p> | Escenarios | Índice de recomendación |</p><p> |------|---------|</p><p> | Texto a la izquierda, imagen a la derecha (imagen principal) | 16:10 o 4:3 + `max-height:56vh` |</p><p> | Cuadrícula de imágenes (comparación de múltiples imágenes) | **Altura fija: 26vh**, no es necesario especificar la relación de aspecto |</p><p> | Imagen pequeña a la izquierda + texto a la derecha | 1:1 o 3:2 |</p><p> | Imagen principal a pantalla completa | 16:9 + `max-height:64vh` |</p><p> | Pequeñas ilustraciones con diseño mixto de texto e imagen | 3:2 o 3:4 |</p><p></p><p> **Nunca uses `align-self:end` en imágenes**, ya que se desplazarán hasta la parte inferior de la celda y quedarán ocultas por la barra de herramientas del navegador. Usa un contenedor de cuadrícula con `align-items:start` (predefinido en la plantilla) para mantener las imágenes en la parte superior; para mantener las imágenes en la parte inferior de la columna izquierda, usa una columna flexible con `justify-content:space-between`.</p><p></p><p> Los detalles de los componentes (fuentes, colores, cuadrículas, iconos, llamadas, tarjetas de estadísticas, etc.) se encuentran en <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">@components.md</span> .</p><p></p><p> ### Paso 4 · Autocomprobación con la lista de verificación</p><p></p><p> Tras generar la lista de verificación, asegúrese de abrir <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">@checklist.md</span> y comprobar cada elemento según las instrucciones. En ella se resumen todos los problemas detectados durante el proceso de iteración, y deben resolverse todos los problemas de nivel P0 (emojis, exceso de imágenes, saltos de línea en los títulos, división de fuentes).</p><p></p><p> Varios puntos a los que prestar especial atención:</p><p></p><p> 1. **Los encabezados principales deben estar en fuente con serifa**—Si se muestran como sans-serif, es 99% probable que la verificación previa al paso 3.0 haya fallado y que falte la clase `h-hero` en template.html.</p><p> 2. **Utilice únicamente `height:Nvh` en la cuadrícula de imágenes; no utilice `aspect-ratio` (esto provocará que la cuadrícula se rompa).**</p><p> 3. **Las imágenes no deben desplazarse hasta la parte inferior de la página** — No utilice `align-self:end`, utilice grid + `align-items:start` (consulte el paso 3.2).</p><p> 4. **Las imágenes deben tener una relación de aspecto estándar** (16:10 / 4:3 / 3:2 / 1:1 / 16:9). No copie imágenes con relaciones de aspecto inusuales.</p><p> 5. **Los encabezados principales en chino deben tener ≤ 5 caracteres y usar `nowrap` (evitar 1 carácter por línea)**</p><p> 6. **Utiliza Lucide, no emojis.**</p><p> 7. **Utilice fuentes con serifa para los títulos, fuentes sin serifa para el texto del cuerpo y ancho fijo para los metadatos.**</p><p></p><p> ### Paso 5 · Iteración</p><p></p><p> Modificada en función de los comentarios de los usuarios, la plantilla ahora cuenta con un alto grado de parametrización en su CSS, y el 90 % de los ajustes son cambios en los estilos en línea (font-size:Xvw / height:Yvh / spacing:Zvh).</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">plantilla.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">temas.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">diseños.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">componentes.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">lista de verificación.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>Página web</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qdhinpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## Principios básicos de diseño (Filosofía)</p><p></p><p> Estos principios son el resultado de cinco intentos de crear presentaciones de PowerPoint para una empresa unipersonal. Incumplir cualquiera de ellos arruinará el atractivo visual.</p><p></p><p> 1. **Moderación sobre brillantez técnica**: los fondos WebGL solo son visibles en las páginas principales y casi invisibles en las páginas normales.</p><p> 2. **Estructura sobre decoración**: Sin sombras, sin tarjetas flotantes, sin recuadros de relleno; toda la información se transmite mediante **tamaño de fuente grande + contraste de fuente + espaciado de cuadrícula**.</p><p> 3. **La jerarquía del contenido se define por el tamaño y el tipo de fuente** — Serif máxima = título principal, serif mediana = subtítulo, sans-serif grande = introducción, sans-serif pequeña = cuerpo, ancho fijo = metadatos</p><p> 4. **Las imágenes son el primer ciudadano** — Recorte únicamente la parte inferior de la imagen, asegurándose de que la parte superior y los lados izquierdo/derecho permanezcan intactos; ajuste la cuadrícula con `height:Nvh`, no utilice `aspect-ratio` para expandirla.</p><p> 5. **Ritmo con páginas principales**: alternar entre páginas principales y secundarias ayuda a prevenir la fatiga visual.</p><p> 6. **Coherencia terminológica** — Skills debe traducirse como Skills, no como una mezcla de chino e inglés.</p><p></p><p> ## Referencias</p><p></p><p> El estilo visual de esta habilidad está inspirado en:</p><p></p><p> - Compartir "Empresas unipersonales: Organizaciones transformadas por la IA" (22 de abril de 2026, página 27)</p><p> - Maquetación de la revista *Monocle*</p><p> - Una demostración de la publicación del blog del presidente de YC, Garry Tan, titulada "Arnés delgado, habilidades robustas".</p><p></p><p> Pueden utilizarse como elementos de referencia de estilo.</p></div></div></div></div><div class="flex flex-col gap-4"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">[Original de @GuiCang] Genera una presentación PPT (archivo HTML único) con formato de página web y desplazamiento horizontal, al estilo de una presentación de "revista electrónica × tinta electrónica". Incluye fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, banners de datos grandes, cuadrículas de imágenes y otras plantillas. Úsela cuando necesite crear presentaciones PPT para compartir, eventos de lanzamiento o cuando se refiera a "presentación PPT estilo revista", "presentación horizontal con desplazamiento", "revista editorial" o "presentación de tinta electrónica".</p></div></div><div class="flex flex-col gap-5 px-5"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-lg">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative -mx-5" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4 pb-1 pl-5 pr-5"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">Sistema de revisión de páginas web HTML</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Deja que tu equipo anote directamente los elementos de la página web en el navegador. No se requiere configuración, reconocimiento automático, generación inteligente de sugerencias de modificación impulsada por IA y exportación de informes de revisión que pueden ser comprendidos directamente por el asistente de programación de IA. 🔥 Capacidades principales: ⚡ Inicio en 30 segundos: simplemente proporciona un tema y genera automáticamente una página web con un sistema de revisión. 🤖 Inteligencia de IA: ingresa "fuente demasiado pequeña" y la IA genera automáticamente "sugiere cambiar a 18px PingFang SC". 💾 Nunca se pierde: los comentarios se guardan automáticamente en IndexedDB y se pueden restaurar actualizando la página. 📊 Colaboración en equipo: 5 identidades de rol (producto/diseño/desarrollo/edición/operaciones), codificadas por colores. 🎯 Posicionamiento preciso: haz clic en títulos, botones, íconos y fondos, localizando cada elemento secundario.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="Sistema de revisión de páginas web HTML" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">StoryCanvas</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Ayuda a los creadores a transformar las referencias estéticas existentes en especificaciones de estilo JSON narrativas reutilizables basadas en páginas, mediante múltiples rondas de verificación.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="StoryCanvas" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">Para ser PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">Este software convierte contenido de referencia, como artículos, informes, notas, Markdown y texto extraído de archivos PDF, en archivos HTML de un solo archivo con calidad de impresión A4. Selecciona colores de acento de forma adaptativa según el tema del contenido, inserta ilustraciones SVG minimalistas dibujadas a mano, corrige automáticamente problemas de impresión como páginas en blanco, líneas sueltas y elementos truncados al exportar archivos PDF, y abre el PDF directamente con un panel de lienzo en el paso final, lo que permite a los usuarios visualizar, imprimir o exportar archivos PDF sin copiar y pegar código.</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="Para ser PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">Probar en YouMind</button></div></div></div></div></div></div></div></div></div></div></div><div class="px-5 md:px-[168px]"><div class="relative overflow-hidden rounded-[36px] border border-black/[0.06] bg-card px-6 py-10 md:rounded-[40px] md:px-10 md:py-14"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_left_center,rgba(191,219,254,0.12),transparent_34%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.14),transparent_36%)] opacity-75"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap absolute left-6 top-6 size-5 text-[#F5D36A] md:left-8 md:top-8" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles absolute bottom-6 right-6 size-5 rotate-180 text-[#D9C2FF] md:bottom-8 md:right-8" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><div class="relative mx-auto flex max-w-[640px] flex-col items-center gap-5 text-center"><div class="flex flex-col gap-3"><h3 class="text-[32px] font-semibold tracking-tight text-primary md:text-[48px] md:leading-[1.05]">Find your next favorite skill</h3><p class="text-base leading-7 text-secondary-fg md:text-lg">Explore more curated AI skills for research, creation, and everyday work.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full bg-primary px-7 py-3.5 text-base font-semibold text-primary-fg transition-opacity hover:opacity-90 md:px-8" href="/skills">Explore all skills<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div><!--$--><!--/$--></div><div class="footer flex flex-col px-[8%] pb-[90px] pt-[64px] md:pt-[80px] font-sans-title text-sm md:text-base bg-card"><div class="flex flex-col w-full mt-4 md:flex-row gap-8"><div class="mb-8 flex-1 md:mb-0 text-[rgba(0,0,0,0.88)]"><svg width="118" height="20" viewBox="0 0 118 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M117.78 16.4587H115.608V14.8788C115.261 15.3695 114.824 15.7884 114.297 16.1355C113.783 16.4826 113.142 16.6562 112.376 16.6562C111.814 16.6562 111.269 16.5485 110.743 16.333C110.216 16.1176 109.749 15.8004 109.342 15.3815C108.935 14.9506 108.606 14.43 108.355 13.8196C108.103 13.2091 107.978 12.509 107.978 11.719C107.978 10.9291 108.097 10.2289 108.337 9.61849C108.588 9.00808 108.917 8.49341 109.324 8.0745C109.731 7.64362 110.198 7.32046 110.725 7.10502C111.263 6.88958 111.814 6.78186 112.376 6.78186C113.154 6.78186 113.801 6.94943 114.315 7.28456C114.83 7.61969 115.261 8.00868 115.608 8.45152V4.54967C115.608 3.88865 116.144 3.35278 116.805 3.35278H117.78V16.4587ZM115.644 11.719C115.644 11.2522 115.566 10.8333 115.41 10.4623C115.267 10.0913 115.069 9.77408 114.818 9.51077C114.567 9.23548 114.273 9.02603 113.938 8.8824C113.603 8.73878 113.256 8.66696 112.897 8.66696C112.526 8.66696 112.173 8.73878 111.838 8.8824C111.515 9.01406 111.227 9.21155 110.976 9.47486C110.725 9.73818 110.527 10.0613 110.384 10.4443C110.24 10.8154 110.168 11.2403 110.168 11.719C110.168 12.1858 110.24 12.6107 110.384 12.9937C110.527 13.3647 110.725 13.6819 110.976 13.9452C111.227 14.2086 111.515 14.412 111.838 14.5556C112.173 14.6993 112.526 14.7711 112.897 14.7711C113.256 14.7711 113.603 14.6993 113.938 14.5556C114.273 14.412 114.567 14.2086 114.818 13.9452C115.069 13.67 115.267 13.3468 115.41 12.9758C115.566 12.6047 115.644 12.1858 115.644 11.719Z" fill="currentColor"></path><path d="M99.7368 11.109V16.5787H97.5645V6.97971H99.7368V8.45188C99.8924 8.22448 100.06 8.01502 100.239 7.82352C100.431 7.62005 100.646 7.44051 100.886 7.28492C101.137 7.12932 101.406 7.00964 101.694 6.92585C101.993 6.8301 102.328 6.78223 102.699 6.78223C103.776 6.78223 104.608 7.11137 105.195 7.76966C105.781 8.42795 106.074 9.31364 106.074 10.4267V16.5787H105.099C104.438 16.5787 103.902 16.0429 103.902 15.3819V11.0731C103.902 10.331 103.722 9.76248 103.363 9.3675C103.016 8.96056 102.52 8.75709 101.873 8.75709C101.239 8.75709 100.724 8.96655 100.329 9.38546C99.9343 9.7924 99.7368 10.3669 99.7368 11.109Z" fill="currentColor"></path><path d="M95.1706 16.578H92.8965V7.00293H95.1706V16.578Z" fill="currentColor"></path><path d="M84.5204 12.7484C84.6002 12.7484 84.6748 12.7086 84.7193 12.6422L88.199 7.44617V16.5784H90.4073V3.77173H88.0554L84.2314 9.83396L80.4073 3.77173H78.0554V16.5784H80.2278V7.48208L83.6729 12.6419C83.7173 12.7084 83.792 12.7484 83.872 12.7484H84.5204Z" fill="currentColor"></path><path d="M93.9141 5.61491H94.0338C94.6618 5.61491 95.1709 5.10583 95.1709 4.47786C95.1709 3.84989 94.6618 3.34082 94.0338 3.34082H93.9141C93.2862 3.34082 92.7771 3.84989 92.7771 4.47786C92.7771 5.10583 93.2862 5.61491 93.9141 5.61491Z" fill="currentColor"></path><path d="M72.4127 12.3295V6.97937H74.5851V16.5784H73.6096C72.9486 16.5784 72.4127 16.0425 72.4127 15.3815V14.9865C72.1015 15.4414 71.7125 15.8363 71.2457 16.1715C70.779 16.4946 70.1805 16.6562 69.4504 16.6562C68.3732 16.6562 67.5414 16.3271 66.9549 15.6688C66.3684 15.0105 66.0752 14.1248 66.0752 13.0117V6.97937H67.0507C67.7117 6.97937 68.2475 7.51523 68.2475 8.17626V12.3654C68.2475 13.1074 68.4211 13.6819 68.7682 14.0889C69.1273 14.4839 69.63 14.6813 70.2763 14.6813C70.9106 14.6813 71.4253 14.4779 71.8203 14.0709C72.2152 13.652 72.4127 13.0715 72.4127 12.3295Z" fill="currentColor"></path><path d="M63.8126 11.7194C63.8126 12.4016 63.6817 13.0419 63.4198 13.6404C63.1698 14.2388 62.8186 14.7655 62.3662 15.2203C61.9257 15.6631 61.3959 16.0162 60.7768 16.2795C60.1578 16.5428 59.4851 16.6745 58.7589 16.6745C58.0446 16.6745 57.3779 16.5488 56.7589 16.2975C56.1517 16.0342 55.6219 15.6811 55.1695 15.2382C54.7291 14.7834 54.3838 14.2628 54.1338 13.6763C53.8838 13.0779 53.7588 12.4375 53.7588 11.7553C53.7588 11.0731 53.8838 10.4327 54.1338 9.83429C54.3957 9.22388 54.7469 8.69725 55.1874 8.2544C55.6398 7.79958 56.1696 7.44051 56.7767 7.1772C57.3958 6.91388 58.0684 6.78223 58.7946 6.78223C59.5209 6.78223 60.1875 6.91388 60.7947 7.1772C61.4138 7.42855 61.9435 7.78163 62.384 8.23644C62.8364 8.67929 63.1876 9.19994 63.4376 9.79838C63.6876 10.3968 63.8126 11.0372 63.8126 11.7194ZM61.6519 11.7553C61.6519 11.3364 61.5804 10.9414 61.4376 10.5704C61.2947 10.1993 61.0923 9.87618 60.8304 9.6009C60.5804 9.31364 60.2768 9.09222 59.9197 8.93662C59.5744 8.76906 59.1875 8.68528 58.7589 8.68528C58.3303 8.68528 57.9375 8.76906 57.5803 8.93662C57.2351 9.09222 56.9374 9.30766 56.6874 9.58294C56.4374 9.85823 56.247 10.1814 56.116 10.5524C55.985 10.9115 55.9196 11.3005 55.9196 11.7194C55.9196 12.1383 55.991 12.5393 56.1339 12.9223C56.2767 13.2933 56.4732 13.6165 56.7232 13.8917C56.9851 14.167 57.2887 14.3884 57.6339 14.556C57.9911 14.7116 58.378 14.7894 58.7946 14.7894C59.2351 14.7894 59.628 14.7116 59.9732 14.556C60.3304 14.3884 60.634 14.167 60.884 13.8917C61.134 13.6165 61.3245 13.2993 61.4554 12.9402C61.5864 12.5692 61.6519 12.1742 61.6519 11.7553Z" fill="currentColor"></path><path d="M48.9711 11.4498V16.5784H46.7449V11.5036L41.7539 3.77173H43.6903C44.1049 3.77173 44.4899 3.98622 44.7081 4.3387L47.876 9.45694L51.0791 4.33407C51.2979 3.98424 51.6814 3.77173 52.094 3.77173H53.9622L48.9711 11.4498Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 4.06667C5.33333 1.82071 3.51262 0 1.26667 0H0V13.8333C0 17.2391 2.7609 20 6.16667 20C9.57243 20 12.3333 17.2391 12.3333 13.8333V12.0333H12.3337V6.73333C12.3337 4.85557 13.8559 3.33333 15.7337 3.33333C17.6114 3.33333 19.1337 4.85557 19.1337 6.73333V17.3333C19.1337 18.8061 20.3276 20 21.8003 20H24.7337V7.03333C24.7337 3.14893 21.5847 0 17.7003 0C13.8159 0 10.667 3.14893 10.667 7.03333V8.01667H10.6667V14C10.6667 15.4728 9.47275 16.6667 8 16.6667C6.52725 16.6667 5.33333 15.4728 5.33333 14V4.06667ZM25.5869 3.4913C27.2187 4.77285 28.3003 6.76385 28.3003 8.99967V17.333C28.3003 18.8058 29.4942 19.9997 30.967 19.9997H33.3336V9.66634C33.3336 9.44118 33.3219 9.21877 33.299 8.99967C32.9658 5.81523 30.2729 3.33301 27.0003 3.33301C26.5435 3.33301 26.0981 3.38136 25.6688 3.47322C25.6414 3.47907 25.6141 3.4851 25.5869 3.4913Z" fill="currentColor"></path></svg><p class="mt-4 text-caption-fg">© <!-- -->2026<!-- --> MIND MOTOR PTE. LTD.</p><button type="button" role="combobox" aria-controls="radix-_R_rqbtkqivb_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between border border-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[265px] rounded-lg bg-transparent hover:bg-accent transition-colors duration-200 ease-out mt-10"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-[14px] h-[14px] opacity-75" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><div class="flex gap-6 mt-10 items-center"><a href="https://discord.gg/kKvXrB2r7x" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><path d="M19.6949 5.41887C19.6888 5.407 19.6786 5.39769 19.6663 5.39262C18.2366 4.7367 16.728 4.26897 15.178 4.00115C15.164 3.99853 15.1494 4.00042 15.1365 4.00654C15.1235 4.01267 15.1128 4.02272 15.1059 4.03527C14.9005 4.40813 14.714 4.79112 14.5472 5.18277C12.8764 4.92915 11.177 4.92915 9.5062 5.18277C9.33826 4.79012 9.14878 4.40704 8.93863 4.03527C8.93142 4.023 8.92069 4.01318 8.90782 4.00709C8.89495 4.001 8.88054 3.99893 8.86648 4.00115C7.31637 4.26841 5.80762 4.73617 4.37818 5.39266C4.36595 5.39785 4.35562 5.4067 4.34863 5.41801C1.49004 9.68693 0.70697 13.8509 1.09112 17.9633C1.0922 17.9734 1.0953 17.9831 1.10023 17.992C1.10515 18.0008 1.11181 18.0086 1.11981 18.0149C2.78434 19.2473 4.64613 20.1881 6.62575 20.7969C6.63969 20.8011 6.65457 20.8009 6.6684 20.7964C6.68223 20.7919 6.69434 20.7832 6.70311 20.7716C7.12829 20.1931 7.50502 19.5805 7.82949 18.94C7.83395 18.9312 7.8365 18.9216 7.83696 18.9118C7.83743 18.9019 7.8358 18.8921 7.83219 18.8829C7.82858 18.8737 7.82307 18.8654 7.81602 18.8586C7.80897 18.8517 7.80054 18.8464 7.79128 18.843C7.19719 18.6157 6.62204 18.3416 6.07123 18.0235C6.06123 18.0176 6.05282 18.0093 6.04676 17.9994C6.04071 17.9895 6.03718 17.9783 6.03649 17.9667C6.03581 17.9551 6.03798 17.9436 6.04283 17.933C6.04768 17.9225 6.05505 17.9133 6.0643 17.9063C6.1802 17.8197 6.29409 17.7304 6.40588 17.6386C6.41569 17.6305 6.42755 17.6254 6.44014 17.6237C6.45273 17.622 6.46554 17.6238 6.47713 17.629C10.0857 19.2759 13.9925 19.2759 17.5584 17.629C17.57 17.6235 17.583 17.6214 17.5957 17.6229C17.6085 17.6245 17.6206 17.6296 17.6305 17.6378C17.7425 17.7301 17.8566 17.8196 17.973 17.9063C17.9823 17.9132 17.9897 17.9223 17.9946 17.9328C17.9996 17.9433 18.0018 17.9549 18.0012 17.9665C18.0006 17.9781 17.9972 17.9893 17.9912 17.9993C17.9852 18.0092 17.9769 18.0175 17.9669 18.0235C17.4173 18.3443 16.8417 18.6182 16.246 18.8421C16.2368 18.8456 16.2284 18.8511 16.2214 18.8581C16.2144 18.865 16.2089 18.8734 16.2054 18.8827C16.2018 18.8919 16.2003 18.9018 16.2008 18.9117C16.2014 18.9216 16.204 18.9312 16.2085 18.94C16.5384 19.5769 16.9146 20.1887 17.3341 20.7706C17.3426 20.7825 17.3546 20.7915 17.3685 20.7962C17.3824 20.8009 17.3974 20.8011 17.4114 20.7968C19.3946 20.19 21.2596 19.2492 22.9262 18.0149C22.9344 18.0089 22.9411 18.0014 22.9461 17.9926C22.951 17.9839 22.954 17.9742 22.9549 17.9642C23.4148 13.2098 22.185 9.07996 19.6949 5.41887ZM8.36841 15.4593C7.28196 15.4593 6.38676 14.4623 6.38676 13.2378C6.38676 12.0134 7.2646 11.0163 8.36841 11.0163C9.48085 11.0163 10.3674 12.022 10.35 13.2377C10.35 14.4623 9.47215 15.4593 8.36841 15.4593ZM15.6952 15.4593C14.6087 15.4593 13.7135 14.4623 13.7135 13.2378C13.7135 12.0134 14.5914 11.0163 15.6952 11.0163C16.8077 11.0163 17.6942 12.022 17.6768 13.2377C17.6768 14.4623 16.8077 15.4593 15.6952 15.4593Z" fill="black" fill-opacity="0.6"></path></svg></a><a href="https://x.com/YouMind_AI" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><g clip-path="url(#clip0_932_2592)"><path d="M17.7477 2.7995H20.8025L14.0953 10.4364L21.9314 20.796H15.782L10.9675 14.5005L5.45564 20.796H2.40089L9.50651 12.6278L2.00244 2.7995H8.30453L12.6542 8.55041L17.7477 2.7995ZM16.6785 19.003H18.3719L7.41467 4.5261H5.5951L16.6785 19.003Z" fill="black" fill-opacity="0.6"></path></g><defs><clipPath id="clip0_932_2592"><rect width="20" height="17.9965" fill="white" transform="translate(2 2.79965)"></rect></clipPath></defs></svg></a><a href="https://www.producthunt.com/products/youmind?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-youmind" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=989426&theme=light&t=1759197639729" alt="YouMind - The first AI learning and creation agent where learning meets writing | Product Hunt" width="250" height="36" class="h-[36px] w-auto"/></a></div></div><div class="grid grid-cols-3 gap-4 lg:flex lg:flex-row md:gap-8 lg:gap-16 flex-1"><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">Prompts</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/nano-banana-pro-prompts?utm_source=footer">Instrucciones de Nano Banana Pro</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/gpt-image-2-prompts?utm_source=footer"><span class="inline-flex items-center gap-1.5">Instrucciones de GPT Image 2<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/seedance-2-0-prompts?utm_source=footer">Instrucciones de Seedance 2.0</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/gpt-image-1-5-prompts?utm_source=footer">Instrucciones de GPT Image 1.5</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/seedream-4-dot-5-prompts?utm_source=footer">Instrucciones de Seedream 4.5</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/gemini-3-prompts?utm_source=footer">Instrucciones de Gemini 3 Pro</a></div></div><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">Herramientas IA</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/landing/gpt-image-2-slides?utm_source=footer">Presentaciones de GPT Image 2</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/landing/x-viral-articles?utm_source=footer"><span class="inline-flex items-center gap-1.5">Seguimiento de artículos virales en 𝕏<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/model-arena/nano-banana-2-vs-nano-banana-pro?utm_source=footer">Nano Banana 2 vs. Pro</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/landing/lenny-career-coach?utm_source=footer">Lenny Career Coach</a></div></div><div class="flex-1 lg:flex-[2]"><div class="mb-[16px] text-base font-semibold">Blog</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/blog/best-notebooklm-alternatives">Alternativas a NotebookLM</a></div></div><div class="flex-1"><div class="mb-[16px] text-base font-semibold">Producto</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/use-cases">Casos de uso</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/pricing">Precios</a></div></div><div class="flex-1 mt-0"><div class="mb-[16px] text-base font-semibold">Empresa</div><div class="flex flex-col gap-[20px] text-sm"><div class="cursor-pointer lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]">Contáctanos</div><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/privacy">Política de privacidad</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/es-419/terms">Términos y condiciones</a></div></div></div></div></div></main><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><!--$--><!--/$--><script src="/_next/static/chunks/16i9c5h.s.16a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[609031,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n3:I[470962,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n4:I[335838,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0zj5who20use~.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/16td-vbv1z3l-.js\"],\"default\"]\n14:I[663151,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0..a~~m_~eonw.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-sij_15ad7bx.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\"],\"default\"]\n18:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"OutletBoundary\"]\n19:\"$Sreact.suspense\"\n1c:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"ViewportBoundary\"]\n1e:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"MetadataBoundary\"]\n20:I[713662,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0p3dbp8j9y97a.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/0t3gtsd9-0j3f.js\",\"/_next/static/chunks/0d1_uw5v_tw9a.js\",\"/_next/static/chunks/0verrm-.xcl_t.js\"],\"Header\"]\n22:I[238910,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"\"]\n23:I[148724,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n24:I[855331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/c"])</script><script>self.__next_f.push([1,"hunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PostHogProvider\"]\n25:I[612645,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GtagProvider\"]\n26:I[242092,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"ThemeProvider\"]\n28:I[825979,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2c:I[407240,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"I18nProvider\"]\n2d:I[422187,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_"])</script><script>self.__next_f.push([1,"next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"NuqsAdapter\"]\n2e:I[470174,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2f:I[416398,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GoogleOneTapPrompt\"]\n30:I[524955,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n31:I[170637,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n32:I[246331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\""])</script><script>self.__next_f.push([1,",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"Toaster\"]\n33:I[673227,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PageRedirecting\"]\n:HL[\"/_next/static/chunks/01nshxp9276yh.css\",\"style\"]\n:HL[\"/_next/static/chunks/0e9nbiatnublw.css\",\"style\"]\n:HL[\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"style\"]\n:HL[\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"style\"]\n:HL[\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/1904c30335c1760b-s.p.08w36q5lu9vc4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/20a72cd0c9704d06-s.p.0wk9o2ly~jaap.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bd-s.p.0zrn8nawcg4x4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bk-s.p.07qy3p9jsost4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Blk-s.p.058ndt5i1t2zv.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Lt-s.p.0plf8ivmhq9jc.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Md-s.p.08_-_pk6.ifi~.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_XBd-s.p.0l85nvd__drfd.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/Arvo_Bold-s.p.0.8k75a72nr-k.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_BoldItalic-s.p.11d1_0ap3ag.x.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Italic-s.p.02a7.3u5s~_tj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Regular-s.p.0n3do0_xda3qj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/a624dffa201843ff-s.p.0xr-_bh6gedpp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/0x4c2rs04i8ip.css\",\"style\"]\n0:{\"P\":null,\"c\":[\"\",\"es-419\",\"skills\",\"magazine-style-web-ppt-54BKOuAPQRKStG\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"es-419\",\"d\",null],{\"children\":[\"(marketing)\",{\"children\":[\"skills\",{\"children\":[[\"id\",\"magazine-style-web-ppt-54BKOuAPQRKStG\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/01nshxp9276yh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0e9nbiatnublw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0.2kqgmoirc"])</script><script>self.__next_f.push([1,"9z.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ysljzli4goe4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0s-u4tc-5uran.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0e2c78d-wylvg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0yn91s91gmmxu.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/09aqnhxj1v..o.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/16td-vbv1z3l-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/chunks/14ik3i1~udj4..js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/chunks/062w.ac2hau1p.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-15\",{\"src\":\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-16\",{\"src\":\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0p3dbp8j9y97a.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0l64wq.cm60sg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0t3gtsd9-0j3f.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0d1_uw5v_tw9a.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0verrm-.xcl_t.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L6\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$"])</script><script>self.__next_f.push([1,"undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0x4c2rs04i8ip.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00a4rt679ztby.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"async\":true,\"nonce\":\"$undefined\"}],\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\"],\"$L11\"]}],{},null,false,null]},null,false,\"$@12\"]},null,false,\"$@12\"]},null,false,null]},null,false,null]},null,false,null],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[\"$L15\",\"$L16\",\"$L17\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"IMw9gIZGTSPPxQ5BcKA8O\"}\n8:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12esm9pb26rc4.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n9:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/031rfbv760bzf.js\",\"async\":true,\"nonce\":\"$undefined\"}]\na:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nb:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0fdbfse85804z.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0kpqv9w34iff0.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/0cs7x13.w5pk-.js\",\"async\":true,\"nonce\":\"$undefined\"}]\ne:[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/0ri2baxbh-rap.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nf:[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0j1rtqp43.-im.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n10:[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0x8io4v1r7oqm.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n11:[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1a\"}]}]\n1b:[]\n12:\"$W1b\"\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1c\",null,{\"children\":\"$L1d\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1f\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n15:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/01nshxp9276yh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n16:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0e9nbiatnublw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n17:[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n6:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://youmind.com/#organization\\\",\\\"name\\\":\\\"YouMind\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"logo\\\":\\\"https://marketing-assets.youmind.com/youmind-logo.png\\\",\\\"description\\\":\\\"YouMind is where learning meets creation. Learn, think, and create with AI agents. Everything flows together and grows with you.\\\",\\\"sameAs\\\":[\\\"https://x.com/youmind_ai\\\",\\\"https://www.linkedin.com/company/mindbicycle\\\",\\\"https://www.youtube.com/@youmind_ai\\\"]},{\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://youmind.com/#website\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"name\\\":\\\"YouMind\\\",\\\"description\\\":\\\"Learn smarter. Create bolder.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://youmind.com/#organization\\\"}}]}\"}}],[\"$\",\"main\",null,{\"className\":\"flex flex-col min-h-screen overflow-x-clip marketing-body\",\"children\":[[\"$\",\"$L20\",null,{\"variant\":\"glass\"}],[\"$\",\"div\",null,{\"className\":\"flex-grow bg-card\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L21\"]}]]\n5:[\"$\",\"html\",null,{\"lang\":\"es-419\",\"suppressHydrationWarning\":tru"])</script><script>self.__next_f.push([1,"e,\"className\":\"inter_1b545fac-module__b8QJrq__variable arvo_47c97b1b-module__gSbheq__variable cereal_d27b773e-module__vIeTSq__variable pacifico_2c68cb73-module__2O2tPW__variable instrument_serif_e6807043-module__ZE2Y9q__variable bebas_neue_2462c9af-module__3UALqa__variable literata_a1f9e2d0-module__IX9Mva__variable jetbrains_mono_75b673cc-module__gh4UVG__variable font-sans\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cms-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://marketing-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.gooo.ai\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://cdn.gooo.ai\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-128.png\",\"sizes\":\"128x128\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-96.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-256.png\",\"sizes\":\"256x256\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-512.png\",\"sizes\":\"512x512\"}],[[\"$\",\"$L22\",null,{\"id\":\"firstpromoter-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(w){\\n w.fpr=w.fpr||function(){\\n w.fpr.q = w.fpr.q||[];\\n w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);\\n };\\n })(window);\\n fpr(\\\"init\\\", {cid:\\\"r3ldf8qa\\\"});\\n fpr(\\\"click\\\");\\n \"}}],[\"$\",\"$L22\",null,{\"src\":\"https://cdn.firstpromoter.com/fpr.js\",\"strategy\":\"lazyOnload\"}]],[[\"$\",\"$L22\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-EP3DKQTSZ9\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L22\",null,{\"id\":\"gtag-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-EP3DKQTSZ9');\\n gtag('config', 'AW-9337236397');\\n \"}}]],[\"$\",\"style\",null,{\"children\":\".icon {\\n fill: currentColor;\\n overflow: hidden;\\n }\"}],[\"$\",\"$L22\",null,{\"src\":\"https://cdn.gooo.ai/assets/iconfont_icons.js\",\"strategy\":\"lazyOnload\"}]]}],[\"$\",\"body\",null,{\"translate\":\"no\",\"suppressHydrationWarning\":true,\"className\":\"bg-white text-foreground\",\"children\":[[\"$\",\"$L23\",null,{\"shadow\":false,\"color\":\"var(--primary)\",\"showSpinner\":false,\"height\":3,\"showForHashAnchor\":false}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"$L25\",null,{\"children\":[\"$\",\"$L26\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"forcedTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":\"$L27\"}]}]}]]}]]}]\n29:T499,Primero, mira y entiende este video: https://www.youtube.com/watch?v=sWkGomJ3TLI\n\nEs el video de lanzamiento de GPT Image 2. Úsalo como referencia principal para extrapolar cómo podría anunciarse un futuro modelo de generación de imágenes y qué podría volverse absurdamente potente con AGI Image 10.\n\nCrea un deck de lanzamiento hilarante, estilo roast, para un modelo futuro ficticio llamado AGI Image 10, anunciado por OpenAGI (no OpenAI) en el OpenAGI 2030 Spring Keynote. El presentador es Sam Ultraman, un personaje ficticio que se parece a Sam Altman, dando el keynote más serio de su vida sobre un modelo de imagen que quizá se volvió autoconsciente.\n\nDebe sentirse como un keynote tecnológico sobreproducido que se toma demasiado en serio: gran revelación dramática, tipografía futurista nítida, rostros realistas, gráficos legibles, visuales premium y titulares dignos de meme. Abre con: “el modelo de imagen que por fin entiende lo que tu cliente quiso decir c"])</script><script>self.__next_f.push([1,"on ‘make it pop’.” Incluye benchmarks de parodia, falsas reacciones de inversionistas, tiers de precio ridículos, notas de seguridad y una lista de espera de 10 millones de personas.2a:T498,Primero, mira y entiende este video: https://www.youtube.com/watch?v=sWkGomJ3TLI\n\nEs el video de lanzamiento de GPT Image 2. Úsalo como referencia principal para extrapolar cómo podría anunciarse un futuro modelo de generación de imágenes y qué podría volverse absurdamente potente con AGI Image 10.\n\nCrea una presentación de lanzamiento de producto hilarante, estilo roast, para un modelo futuro ficticio llamado AGI Image 10, anunciado por OpenAGI (no OpenAI) en el OpenAGI 2030 Spring Keynote. El presentador es Sam Ultraman, un personaje ficticio que se parece a Sam Altman, dando el keynote más serio de su vida sobre un modelo de imagen que quizá se volvió autoconsciente.\n\nEl deck debe sentirse como un keynote serio de IA que poco a poco se convierte en meme. Haz que cada slide sea divertido, afilado, legible y digno de captura. Abre con: “el modelo de imagen que por fin entiende lo que tu cliente quiso decir con ‘make it pop’.” Incluye benchmarks de parodia, una línea de tiempo de GPT Image 2 a AGI Image 10, falsas reacciones de inversionistas, tiers de precio ridículos, notas de seguridad y una lista de espera de 10 millones de personas.27:[\"$\",\"$L28\",null,{\"formats\":\"$undefined\",\"locale\":\"es-419\",\"messages\":{\"LocaleLayout\":{\"title\":\"YouMind - Agente de Creación con IA\",\"description\":\"YouMind es un agente de creación innovador que aprovecha el poder de la IA generativa para transformar diversos materiales en creaciones inspiradas.\"},\"Footer\":{\"aiTools\":\"Herramientas IA\",\"prompts\":\"Prompts\",\"nanoBanana2VsPro\":\"Nano Banana 2 vs. Pro\",\"youtubeTranscript\":\"Transcripción de YouTube\",\"youtubeSummary\":\"Resumen de YouTube\",\"nanoBananaPrompts\":\"Instrucciones de Nano Banana Pro\",\"gptImage1_5Prompts\":\"Instrucciones de GPT Image 1.5\",\"seedream4_5Prompts\":\"Instrucciones de Seedream 4.5\",\"gemini3Prompts\":\"Instrucciones de Gemini 3 Pro\",\"seedance20Prompts\":\"Instrucciones de Seedance 2.0\",\"christmasCardPrompts\":\"Prompts de Tarjetas Navideñas\",\"product\":\"Producto\",\"useCases\":\"Casos de uso\",\"pricing\":\"Precios\",\"blog\":\"Blog\",\"notebooklmAlternatives\":\"Alternativas a NotebookLM\",\"updates\":\"Actualizaciones\",\"company\":\"Empresa\",\"contactUs\":\"Contáctanos\",\"privacy\":\"Política de privacidad\",\"terms\":\"Términos y condiciones\",\"grokImaginePrompts\":\"Grok Imagine Prompts\",\"gptImage2Prompts\":\"Instrucciones de GPT Image 2\",\"gptImage2Slides\":\"Presentaciones de GPT Image 2\",\"xViralArticlesTracking\":\"Seguimiento de artículos virales en 𝕏\"},\"Auth\":{\"Footnote\":{\"desc\":\"Al continuar, aceptas los \",\"terms\":\"Términos\",\"privacy\":\"Política de privacidad\",\"cookie\":\"Aviso de cookies\"},\"Login\":{\"title\":\"Únete a YouMind\",\"description\":\"\",\"action\":\"Continuar\",\"actionLoading\":\"Enviando correo electrónico\",\"actionByOAuth\":\"Continuar con {provider}\",\"form\":{\"email\":{\"label\":\"Correo electrónico\",\"invalid\":\"Por favor ingresa un correo electrónico válido\",\"placeholder\":\"Ingresa tu correo electrónico\",\"invalidWithInvite\":\"Por favor ingrese un correo electrónico válido\"},\"inviteCode\":{\"label\":\"Código de invitación\",\"placeholder\":\"Ingrese el código de invitación (opcional)\",\"invalid\":\"Código de invitación inválido\"},\"turnstile\":{\"required\":\"Por favor complete la verificación\"}}},\"OTP\":{\"title\":\"Ingresa el código\",\"description\":\"Hemos enviado un correo electrónico a {email}\",\"goBack\":\"Atrás\",\"action\":\"Continuar\",\"actionLoading\":\"Validando código\",\"resend\":\"Reenviar\",\"resending\":\"Enviando\",\"resendSuccess\":\"Código enviado\",\"form\":{\"token\":{\"label\":\"Token\",\"invalid\":\"Por favor ingresa el código válido\"},\"turnstile\":{\"required\":\"Por favor complete la verificación\"}}},\"Onboard\":{\"title\":\"¡Casi listo!\",\"description\":\"¿Cómo deberíamos llamarte?\",\"action\":\"Continuar\",\"actionLoading\":\"Guardando tu nombre\",\"form\":{\"name\":{\"label\":\"Nombre\",\"placeholder\":\"Ingresa tu nombre\",\"invalid\":\"Por favor ingresa un nombre\"}}},\"Waiting\":{\"title\":\""])</script><script>self.__next_f.push([1,"Gracias por unirte a nuestra lista de espera.\",\"description\":\"Encantado de conocerte, {name}. ¡Solo espera un poco!\",\"action\":\"Únete a nosotros en Discord\",\"logout\":\"Cerrar sesión\"}},\"Credits\":{\"videoViews\":\"Vistas de video\",\"limitReached\":\"Límite alcanzado\",\"unlockUnlimited\":\"Desbloquear acceso ilimitado\",\"upgradeDescription\":\"Actualiza para obtener vistas de video ilimitadas\"},\"Header\":{\"overview\":\"Resumen\",\"useCases\":\"Casos de uso\",\"skills\":\"Habilidades\",\"prompts\":\"Prompts\",\"nanoBananaPro\":\"Nano Banana Pro\",\"gptImage1_5\":\"GPT Image 1.5\",\"seedream4_5\":\"Seedream 4.5\",\"gemini3\":\"Gemini 3\",\"christmasCard\":\"Tarjeta Navideña\",\"pricing\":\"Precios\",\"blog\":\"Blog\",\"notebooklmAlternatives\":\"Alternativas a NotebookLM\",\"updates\":\"Actualizaciones\",\"signIn\":\"Iniciar sesión\",\"signOut\":\"Cerrar sesión\",\"openYouMind\":\"Abrir YouMind\",\"gptImage2\":\"GPT Image 2\",\"allPromptsBadge\":\"10 000+ Prompts de imagen y video gratis\",\"allPromptsGroupImage\":\"Imagen\",\"allPromptsGroupVideo\":\"Video\",\"seedance2_0\":\"Seedance 2.0\",\"grokImagine\":\"Grok Imagine\"},\"Invite\":{\"metaTitle\":\"Invita a tus amigos a YouMind\",\"metaDescription\":\"Usa tu código de invitación para unirte a YouMind y desbloquear 200 créditos de bonificación.\"},\"Hero\":{\"title\":\"Aprende más inteligente.\\nCrea con más audacia.\",\"description\":\"YouMind es donde el aprendizaje se encuentra con la creación. En YouMind, puedes aprender, pensar y crear con agentes de IA. Todo fluye junto y crece contigo.\",\"addToBrowser\":\"Añadir a {browserName}\",\"saveWhileBrowse\":\"Guarda cualquier cosa mientras navegas\",\"downloadForIOS\":\"Descargar para iOS\",\"aiAssistantPocket\":\"Asistente de IA en tu bolsillo\"},\"Pricing\":{\"metaTitle\":\"Precios de YouMind\",\"metaDescription\":\"YouMind es la herramienta de escritura con IA reimaginada que te encuentra donde piensas. Transforma tus ideas dispersas en escritos completos y pulidos.\",\"upgradeYourPlan\":\"Actualiza tu plan\",\"chooseYourPlan\":\"Elige tu plan\",\"multiModeSources\":{\"title\":\"Fuentes multimodo\",\"description\":\"Puedes guardar todo con un clic: videos de YouTube, podcasts, páginas web, audios, PDFs e imágenes, etc.\"},\"creativeBoards\":{\"title\":\"Tableros creativos\",\"description\":\"El tablero en YouMind es un organizador que transforma el caos en proyectos ordenados. Ayuda a optimizar tu flujo de trabajo y transformar tus ideas creativas en un trabajo final.\"},\"powerfulAI\":{\"title\":\"IA poderosa\",\"description\":\"Impulsado por los mejores modelos de IA como OpenAI, Anthropic, Google y DeepSeek, experimentarás capacidades de IA consistentes de alta calidad para tu creación.\"},\"faq\":{\"title\":\"Preguntas frecuentes\",\"questions\":{\"howToUse\":{\"question\":\"¿Cómo puedo usar YouMind?\",\"answer\":\"Puedes recopilar información usando la extensión del navegador de YouMind o la aplicación móvil, y participar en pensamiento profundo y creación visitando youmind.ai.\"},\"isFree\":{\"question\":\"¿Es gratis YouMind?\",\"answer\":\"YouMind ofrece un plan gratuito que te brinda acceso completo a nuestra plataforma con créditos de uso incluidos. Una vez que hayas explorado lo que YouMind puede hacer por ti, hay planes premium disponibles para admitir límites de uso más altos y funciones avanzadas.\"},\"howToPay\":{\"question\":\"¿Cómo pagar por YouMind?\",\"answer\":\"Puedes realizar pagos a través de Stripe usando tarjetas de crédito, pagos móviles y otros métodos. Puedes pagar mensual o anualmente.\"}}},\"blackFridayTitle\":\"Black Friday — 50% de descuento\"},\"CampaignHeader\":{\"desktopText\":\"🎁 Especial Black Friday: obtén un 50% de descuento con el código {code}. Termina el 12 de diciembre.\",\"mobileText\":\"🎁 Black Friday · 50% de descuento · Termina el 12 de diciembre\",\"buttonText\":\"Obtener 50% de descuento\",\"alt\":{\"blackFriday\":\"Black Friday\",\"blackFriday50Off\":\"Black Friday 50% de descuento\"}},\"Updates\":{\"metaTitle\":\"Actualizaciones de YouMind\",\"metaDescription\":\"Nuevas actualizaciones y mejoras de YouMind\",\"title\":\"Actualizaciones\",\"description\":\"Lee sobre nuestras últimas funciones de producto, soluciones y actualizaciones.\",\"loading\":\"Cargando...\",\"scrollForMore\":\"Desplázate"])</script><script>self.__next_f.push([1," para ver más\",\"backToUpdates\":\"Actualizaciones\"},\"Blog\":{\"metaTitle\":\"Blog de YouMind\",\"metaDescription\":\"Últimos artículos, noticias y anuncios del equipo.\",\"title\":\"Blog\",\"description\":\"Lee sobre nuestras últimas funciones de producto, soluciones y actualizaciones.\",\"backToBlog\":\"Blog\",\"publishedOn\":\"Publicado el\",\"in\":\"en\",\"showMorePosts\":\"Mostrar más artículos\",\"postNotFound\":\"Publicación no encontrada\",\"postNotFoundDescription\":\"No se pudo encontrar el artículo solicitado\",\"anonymous\":\"Anónimo\",\"relatedPosts\":\"Artículos relacionados\",\"cta\":{\"title\":\"¿Tienes preguntas sobre este artículo?\",\"button\":\"Pregunta a la IA gratis\"},\"floating\":{\"placeholder\":\"¿Qué ideas ofrece este artículo?\",\"ask\":\"Preguntar\",\"summarize\":\"Resumir\"},\"prompt\":{\"summarize\":\"Ayúdame a resumir este artículo\",\"defaultAsk\":\"¿De qué trata este artículo?\"},\"contents\":\"Contenido\",\"writtenBy\":\"Escrito por\",\"reviewedBy\":\"Revisado por\"},\"UseCases\":{\"metaTitle\":\"Casos de uso de YouMind\",\"metaDescription\":\"Paso a paso, haz de YouMind un gran asistente para tu creación.\",\"title\":\"Casos de uso\",\"description\":\"Mira cómo los usuarios crean con YouMind en proyectos reales.\",\"backToUseCases\":\"Casos de uso\",\"publishedOn\":\"Publicado el\"},\"Common\":{\"all\":\"Todo\",\"startForFree\":\"Comenzar gratis\",\"featured\":\"Destacado\",\"explore\":\"Explorar\",\"readMore\":\"Leer más\",\"viewAll\":\"Ver todo\",\"getStarted\":\"Comenzar\",\"learnMore\":\"Más información\",\"loading\":\"Cargando...\",\"noAvailableCases\":\"No hay casos disponibles\",\"exploreMoreUseCases\":\"Explorar más casos de uso\"},\"PromptFilter\":{\"all\":\"TODOS\",\"filterButton\":\"Filtrar\",\"dialogTitle\":\"Filtrar\",\"clearAll\":\"Borrar todo\",\"confirm\":\"Confirmar\",\"noCategories\":\"No hay categorías disponibles\",\"sortButton\":\"Ordenar\",\"sortAsc\":\"Ascendente\",\"sortDesc\":\"Descendente\",\"sortTime\":\"Tiempo\",\"sortLikes\":\"Me gusta\",\"sortComments\":\"Comentarios\",\"sortReposts\":\"Reposteos\",\"sortViews\":\"Vistas\",\"sortBookmarks\":\"Marcadores\",\"clearSort\":\"Limpiar orden\"},\"Testimonials\":{\"title\":\"Lo que dice la gente\"},\"Posts\":{\"title\":\"Aprende más sobre YouMind\"},\"UseCasesComponent\":{\"title\":\"Casos de uso\",\"description\":\"Mira cómo los usuarios crean con YouMind en proyectos reales.\"},\"NewFeatures\":{\"mainTitle\":\"El agente personalizado #1\\nde aprendizaje y creación con IA\",\"card1Title\":\"Guarda cualquier cosa desde cualquier lugar\",\"card1Description\":\"La inspiración está en todas partes. Más allá de cargar archivos, YouMind te permite capturar ideas y guardar materiales a través de la extensión del navegador o la aplicación de iOS.\\n\\nAdmite PDFs, páginas web, videos de YouTube, podcasts, grabaciones de audio, documentos de Office y más.\",\"card2Title\":\"Tus perspectivas, no solo de la IA\",\"card2Description\":\"La mayoría de las herramientas de IA generan perspectivas que se sienten iguales para todos. YouMind es diferente. Aprende de tus resaltados, notas y anotaciones mientras lees, miras o escuchas.\\n\\nAl aprender cómo exploras y piensas, YouMind crea perspectivas que verdaderamente reflejan quién eres.\",\"card3Title\":\"La generación es solo el comienzo\",\"card3Description\":\"La mayoría de las herramientas de IA se detienen en la generación. En YouMind, cada informe de IA se abre como un documento completamente editable. Puedes revisar, reescribir y refinar tu trabajo libremente, convirtiendo resultados rápidos en creaciones duraderas.\",\"card4Title\":\"Todo conectado en un solo espacio\",\"card4Description\":\"Todo en YouMind funciona junto sin problemas. Desde guardar materiales y obtener perspectivas hasta la creación duradera, puedes aprender, pensar y crear en un espacio conectado sin cambiar nunca de herramientas.\"},\"ICP\":{\"title\":\"Cómo la gente está \\nusando YouMind\",\"creator\":{\"title\":\"Para creadores\",\"description\":\"Convertir ideas y materiales dispersos en historias significativas puede ser abrumador. YouMind te ayuda a descubrir temas ocultos, conectar ideas y dar forma a tus perspectivas en trabajos reflexivos y bien respaldados de los que te sentirás orgulloso de compartir. En cada etapa de la creación, YouMind te apoya.\","])</script><script>self.__next_f.push([1,"\"caption\":\"Crea con confianza.\"},\"researcher\":{\"title\":\"Para investigadores\",\"description\":\"Destilar perspectivas clave de montones de fuentes requiere tiempo y concentración. YouMind reúne todo, sintetizando tus hallazgos en informes y resúmenes claros y persuasivos. También te ayuda a adaptar fácilmente tu trabajo para audiencias más amplias, desde salas de juntas hasta redes sociales.\",\"caption\":\"Presenta con influencia.\"},\"student\":{\"title\":\"Para estudiantes\",\"description\":\"Enfrentar lecturas interminables y literatura densa puede ser agotador. YouMind convierte materiales complejos en comprensión clara, transformando textos pesados en ejemplos, notas y visuales atractivos. Desde la investigación hasta la escritura, todo permanece conectado en un espacio de trabajo enfocado.\",\"caption\":\"Aprende con facilidad.\"}},\"Contact\":{\"title\":\"Únete a nuestra comunidad\",\"discord\":{\"title\":\"Discord\",\"description\":\"Encuentra consejos y personas afines.\"},\"x\":{\"title\":\"@YouMind_AI\",\"description\":\"Sigue las actualizaciones y tendencias creativas.\"},\"email\":{\"title\":\"Correo electrónico\",\"description\":\"Comparte tus comentarios directamente con nosotros.\"}},\"PrivacyFirst\":{\"title\":\"Privacidad primero, siempre.\",\"description\":\"YouMind no utiliza tus datos personales, incluidas tus cargas de fuentes, consultas y las respuestas del modelo para el entrenamiento.\"},\"Toast\":{\"savingToYouMind\":\"Guardando en YouMind...\"},\"VideoTools\":{\"openInYouMind\":\"Abrir en YouMind\",\"saveToYouMind\":\"Guardar en YouMind\",\"copied\":\"¡Copiado!\",\"copyContent\":\"Copiar contenido\",\"Examples\":{\"title\":\"Ejemplos\"},\"SearchBlock\":{\"errorInvalidUrl\":\"Por favor, introduce una URL de YouTube válida\",\"errorShortsNotSupported\":\"YouTube Shorts no está soportado. Por favor, usa una URL de video de YouTube normal.\",\"upgradeMessageDefault\":\"Límite de uso alcanzado\",\"upgradeMessageRecordFailed\":\"Error al registrar el acceso al video. Por favor, inténtalo de nuevo o actualiza tu cuenta\"},\"Extension\":{\"description\":\"¿Cansado de copiar enlaces? ¡Consigue una extensión de navegador en su lugar!\",\"buttonText\":\"Añadir al navegador para transcripciones de video instantáneas\"},\"UpgradeModal\":{\"title\":\"Inicia sesión en YouMind para desbloquear todas las funciones de IA.\",\"signInButton\":\"Iniciar sesión\",\"termsNotice\":\"Al continuar, aceptas los {terms}, {privacy}.\",\"terms\":\"Términos\",\"privacy\":\"Privacidad\"},\"SummaryView\":{\"generating\":\"Generando resumen...\",\"noSummary\":\"No hay resumen disponible\"},\"WatchPage\":{\"tabs\":{\"summary\":\"Resumen\",\"transcript\":\"Transcripción\",\"aiChat\":\"Chat IA\"},\"transcriptView\":{\"lineView\":\"Vista de líneas\",\"chapterView\":\"Vista de capítulos\"},\"back\":\"Atrás\",\"openInYouMind\":\"Abrir en YouMind\",\"extensionCard\":{\"title\":\"¿Videos largos, poco tiempo?\",\"subtitle\":\"Capta la esencia al instante.\",\"feature1\":\"Capta la esencia en segundos\",\"feature2\":\"Transcripciones en más de 60 idiomas\",\"feature3\":\"Navega con marcas de tiempo\",\"feature4\":\"Convierte videos largos en blogs de 3 minutos\",\"cta\":\"Añadir a Chrome ahora\"}},\"AIChatView\":{\"greeting\":\"Hola, soy tu asistente de IA.\",\"description\":\"Tu asistente personal de IA está aquí: pregúntame cualquier cosa sobre este archivo y desbloquea la magia de YouMind IA ahora mismo.\",\"suggestion1\":\"Extraer 5 puntos clave.\",\"suggestion2\":\"¿Qué perspectivas ofrece este contenido?\",\"suggestion3\":\"Listar 5 palabras clave y explicar su significado.\",\"ctaButton\":\"Chat IA en YouMind\"}},\"DownloadExtension\":{\"title\":\"Instalar la extensión del navegador\",\"description\":\"Para resumir y guardar cualquier cosa con YouMind, instala nuestra extensión de navegador.\",\"startNow\":\"Comenzar ahora\",\"getExtension\":\"Obtener extensión\"},\"Legal\":{\"Privacy\":{\"metaTitle\":\"Política de privacidad - YouMind\"},\"Terms\":{\"metaTitle\":\"Términos de servicio - YouMind\"}},\"VideoToolsConfig\":{\"searchPlaceholder\":\"Pega el enlace del video de YouTube\",\"buttonTextTranscript\":\"Generar\",\"buttonTextSummary\":\"Resumir\",\"userGuide\":{\"titleTranscript\":\"Cómo usar el generador de transcripciones de YouTube de YouMind\",\"titleSummary\":\"Cómo usar la he"])</script><script>self.__next_f.push([1,"rramienta de resumen de YouTube de YouMind\",\"step1\":{\"title\":\"Pega tu enlace de video de YouTube\",\"descriptionTranscript\":\"Simplemente copia la URL del video de YouTube que quieres transcribir y pégala en YouMind.\",\"descriptionSummary\":\"Simplemente copia la URL del video de YouTube que quieres resumir y pégala en YouMind para comenzar.\"},\"step2\":{\"titleTranscript\":\"Haz clic en \\\"Generar\\\" para obtener la transcripción\",\"titleSummary\":\"Genera tu resumen de IA\",\"descriptionTranscript\":\"Haz clic en \\\"Generar\\\" para extraer la transcripción del video de YouTube.\",\"descriptionSummary\":\"Haz clic en \\\"Generar\\\" y nuestra IA procesará el contenido del video para crear un resumen conciso y preciso para ti.\"},\"step3\":{\"titleTranscript\":\"Traducir, descargar o chatear con IA\",\"titleSummary\":\"Profundizar, traducir o descargar\",\"descriptionTranscript\":\"Puedes descargar la transcripción, traducirla a otro idioma o usar nuestra IA para obtener un resumen rápido o hacer preguntas.\",\"descriptionSummary\":\"Usa tu resumen generado por IA al instante. Para más detalles, también puedes acceder a la transcripción completa, traducir cualquier texto o chatear con nuestra IA para hacer preguntas específicas sobre el contenido del video.\"}},\"featDescBoxes\":{\"titleTranscript\":\"Por qué elegir el generador de transcripciones de YouTube de YouMind\",\"titleSummary\":\"Por qué elegir la herramienta de resumen de YouTube de YouMind\"},\"useCases\":{\"titleTranscript\":\"Casos de uso de transcripción de YouTube\",\"titleSummary\":\"Casos de uso de resumen de YouTube\"},\"testimonials\":{\"title\":\"Lo que dicen nuestros usuarios\"},\"faq\":{\"title\":\"Preguntas frecuentes\"}},\"NanoBananaProPrompts\":{\"page\":{\"title\":\"La biblioteca gratuita de prompts de Nano Banana Pro más grande del mundo, actualizada continuamente - YouMind\",\"description\":\"Descubre una colección curada de prompts de alta calidad para la generación de imágenes IA Nano Banana Pro.\",\"headerTitle\":\"Nano Banana Pro\",\"headerPrompts\":\"Prompts\",\"headerDescription\":\"Una colección curada de prompts de primer nivel para {brand}.\",\"headerTagline\":\"Róbalos como un artista.\",\"freshPrompts\":\"Prompts\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"dailyUpdateText\":\"Actualizado cada día\",\"rssSubscribeText\":\"Prompts actualizados diariamente, suscríbete al RSS ahora\",\"subscribe\":\"Suscribirse\",\"christmasBanner\":\"Prompts Nano Banana Pro para tarjetas de Navidad\",\"downloadTitle\":\"Descargar Prompts\",\"campaign\":{\"modelArena\":{\"desktop\":\"Nano Banana 2 VS Pro, ¿Quién gana? Comparación de los 100 mejores prompts\",\"mobile\":\"Nano Banana 2 VS Pro, ¿Quién gana?\"},\"seedance20\":{\"desktop\":\"Prompts curados de video Seedance 2.0 — Actualización diaria\",\"mobile\":\"Cientos de prompts Seedance 2.0\"}},\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"Nano Banana Pro prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todos\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de generación de imágenes y primero pregunta sobre mis necesidades específicas.\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"modelSlug\":\"nano-banana-pro\"},\"categories\":{\"all\":\"TODOS\"},\"promptCard\":{\"tabPrompt\":\"Prompt\",\"tabOriginal\":\"Original\",\"by\":\"POR\",\"promptHeader\":\"Prompt\",\"translateButton\":\"Traducir\",\"beforeTranslation\":\"Original\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"Pruébalo ahora\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiShortcut\":\"Acceso directo de IA\",\"install\":\"Instalar\",\"aiSkill\":\"AI"])</script><script>self.__next_f.push([1," Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":\"Probar\",\"featured\":\"Destacado\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar prompt\",\"savePromptSubtitle\":\"Acceder en cualquier momento y lugar\",\"savingPrompt\":\"Guardando...\",\"viewOtherModelResults\":\"Ver resultados de otros modelos\",\"referenceImages\":\"Imágenes de referencia\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"Preguntas Comunes\",\"q0\":\"¿Qué es Nano Banana Pro?\",\"a0\":\"Nano Banana Pro es el último modelo de IA multimodal de Google, con comprensión multimodal (texto, imágenes y video), generación de alta calidad desde estilos fotorrealistas hasta artísticos, iteración rápida con ediciones y variaciones rápidas, estilos diversos desde arte pixel hasta pinturas al óleo, control preciso de composición e iluminación, y renderizado de escenas complejas multiobjeto y multijugador.\",\"q1\":\"¿De dónde vienen estos atajos?\",\"a1\":\"Se seleccionan principalmente de fuentes públicas de Twitter/𝕏. Si eres el autor y no deseas que se muestre aquí, contáctanos y lo retiraremos de inmediato.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Actualmente necesitas copiar el prompt y, siguiendo la descripción del prompt, usarlo en YouMind seleccionando el modelo de generación de imágenes Nano Banana Pro. En el futuro se integrará mejor en las funciones de YouMind para uso con un solo clic.\",\"q3\":\"¿Qué es un Atajo de IA?\",\"a3\":\"Consolida tus mejores prácticas de creación de contenido y aprendizaje en YouMind Shortcuts, y podrás generar con un solo clic basándote en los materiales que recopiles y los borradores que escribas. Por ejemplo, generar un artículo de blog desde un video de YouTube guardado, o extraer citas clave del contenido de un blog.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Puedes ver más casos seleccionados de Nano Banana Pro en este artículo de blog: \u003clink\u003e{title}\u003c/link\u003e.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Vista previa de imagen\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"No se encontraron prompts\",\"trySearchingElse\":\"INTENTA BUSCAR ALGO MÁS\",\"tryTheseShortcuts\":\"Prueba estos atajos de IA en su lugar\",\"discoverFeaturedTools\":\"Descubre herramientas destacadas que pueden ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"Ver todos los atajos\",\"tryTheseSkills\":\"Prueba estas skills de IA en su lugar\",\"viewAllSkills\":\"Ver todas las skills\"},\"footerCTA\":{\"readyToCreate\":\"¿Listo para crear con\",\"nanoBanana\":\"Nano Banana?\",\"experiencePower\":\"Experimenta las poderosas capacidades de Nano Banana Pro\",\"freeLimitedTime\":\"DEJA VOLAR TU IMAGINACIÓN\",\"startGenerating\":\"Comenzar a generar\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver todos los prompts\"},\"generator\":{\"placeholder\":\"Describe la imagen que quieres generar... (ej. una ciudad cyberpunk por la noche)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetros\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir la imagen, por favor inténtalo de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Auto\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir enlace fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta las poderosas capacidades de Nano Banana Pro\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Soporte para Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 y más modelos.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos sobre la marcha, la IA ge"])</script><script>self.__next_f.push([1,"nera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"downloadDialog\":{\"title\":\"Descarga Gratis {total} Prompts\",\"subtitle\":\"Colección de prompts de IA de alta calidad para potenciar tu creatividad\",\"useCasesTitle\":\"Puedes usarlos para:\",\"useCase1\":\"Buscar prompts con IA\",\"useCase2\":\"Crear contenido\",\"useCase3\":\"Alimentar tus Agent Habilidades\",\"useCase4\":\"Y más por explorar...\",\"shareRequest\":\"Pasamos cientos de horas construyendo este sitio. Si te gusta, por favor comparte tu experiencia en redes sociales. ¡Lo apreciaríamos mucho!\",\"shareRequestWithHeart\":\"Invertimos cientos de horas en crear este sitio. Si te resulta útil, ¡compártelo con tus amigos! ❤️\",\"shareRequestNote\":\"Puedes descargar aunque lo rechaces.\",\"beforeYouGo\":\"Antes de continuar\",\"declineButton\":\"No, gracias\",\"acceptButton\":\"¡Claro!\",\"shareTitle\":\"Compartir con amigos\",\"shareSubtitle\":\"Ayuda a más personas a descubrir estos increíbles prompts\",\"shareTextLabel\":\"Texto para compartir\",\"shareTextPlaceholder\":\"Escribe tu texto para compartir aquí...\",\"generateShareText\":\"Generar con IA\",\"generatingShareText\":\"Generando...\",\"remaining\":\"restantes\",\"rateLimitExceeded\":\"Límite diario alcanzado. ¡Inténtalo mañana!\",\"generationFailed\":\"Error de generación. Por favor, inténtalo de nuevo.\",\"copyToClipboard\":\"Copiar al portapapeles\",\"copied\":\"¡Copiado!\",\"shareOnTwitter\":\"Compartir en X\",\"shareOnLinkedIn\":\"Compartir en LinkedIn\",\"shareOnThreads\":\"Compartir en Threads\",\"shareOnWhatsApp\":\"Compartir en WhatsApp\",\"copyForInstagram\":\"Copiar para Instagram\",\"defaultShareText\":\"Este sitio tiene {total} prompts seleccionados de Nano Banana Pro traducidos a {languageNum} idiomas, categorizados por casos de uso como infografías y pósteres. ¡Lo mejor es que puedes descargar todos los prompts con un clic! Pruébalo!\",\"loginRequiredTitle\":\"Inicio de sesión requerido\",\"loginRequired\":\"Para prevenir abusos, por favor inicia sesión para descargar.\",\"downloadButton\":\"Descargar CSV\",\"download\":\"Descargar\",\"downloading\":\"Descargando...\",\"downloadError\":\"Error al descargar, por favor inténtalo más tarde\",\"loginButton\":\"Iniciar sesión para descargar\",\"close\":\"Cerrar\"}},\"Seedance20VideoPrompts\":{\"page\":{\"title\":\"Seedance 2.0 Video Prompts - High-Signal AI Video Prompt Library - YouMind\",\"description\":\"Cientos de prompts de video seleccionados de Seedance 2.0, cada uno con resultado generado para ver en línea. Incluye texto a video, imagen a video, animación de personajes y más, con recomendaciones con IA y búsqueda multilingüe. Se actualiza a diario. Gratis.\",\"badge\":\"Video Prompt Lab\",\"headerTitle\":\"Seedance 2.0 Prompts\",\"headerDescription\":\"High-signal prompt cases for Seedance 2.0. Scroll the wall, watch the clip, then open the prompt details only when you need them.\",\"total\":\"Total\",\"autoPlay\":\"Auto-play in viewport\",\"headerTitleLine1\":\"Seedance 2.0\",\"headerTitleLine2\":\"Prompts\",\"copyright\":\"YouMind. Todos los derechos reservados.\",\"viewAll\":\"Ver Todo\",\"dailyUpdating\":\"Actualizado cada día\",\"downloadShareText\":\"Este sitio reúne {total} prompts seleccionados de Seedance 2.0, traducidos a {languageNum} idiomas y con búsqueda impulsada por IA. Además, puedes descargar todos los prompts con un solo clic. ¡Pruébalo ahora!\",\"crossPromoBadge\":\"Explora 20,000+ prompts Nano Banana Pro\",\"crossPromoBadgeMobile\":\"20,000+ prompts Nano Banana Pro\",\"benefit2Suffix\":\"\",\"freshPrompts\":\"Prompts\",\"downloadTitle\":\"Descargar prompts\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"Seedance 2.0 prompts\"},\"search\":{\"placeholder\":\"Busca prompts, escenas, estilos o creadores...\",\"clear\":\"Clear search\",\"submit\":\"Buscar\",\"placeholderShort\":\"Buscar prompts\"},\"card\":{\"by\":\"By\",\"unknownAuthor\":\"Unknown\",\"viewPrompt\":\"View Prompt\",\"hidePrompt\":\"Hide Prompt\",\"copyPrompt\":\"Copy Prompt\",\"copied\":\"Copied\",\"author\":\"Author\",\""])</script><script>self.__next_f.push([1,"source\":\"Source\",\"prompt\":\"Prompt\",\"translateButton\":\"Traducción\",\"beforeTranslation\":\"Original\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"fullScreen\":\"Pantalla completa\",\"viewDetails\":\"Ver detalles\",\"video\":\"Video\",\"referenceImages\":\"Imagenes de referencia\",\"share\":\"Compartir\",\"linkCopied\":\"¡Enlace copiado!\",\"featured\":\"Destacado\",\"tryItNow\":\"Pruébalo ahora\",\"promptHeader\":\"Prompt\",\"viewFullPrompt\":\"Ver prompt completo\"},\"empty\":{\"title\":\"No video prompts found\",\"description\":\"Try a different keyword and explore more Seedance 2.0 clips.\",\"aiSearch\":\"Búsqueda IA\"},\"loadMore\":{\"loading\":\"Loading more videos...\"},\"faq\":{\"title\":\"Preguntas frecuentes\",\"q0\":\"¿Qué es Seedance 2.0?\",\"a0\":\"Seedance 2.0 es el último modelo de generación de video con IA de ByteDance, que ofrece calidad cinematográfica con clips de hasta 8 segundos en resolución nativa 1080p. Cuenta con coherencia temporal para eliminar parpadeos, simulación física compleja, interacción multi-sujeto y renderizado preciso de texto dentro de los videos.\",\"q1\":\"¿Qué hace que Seedance 2.0 sea diferente de otros modelos de video con IA?\",\"a1\":\"Seedance 2.0 introduce una arquitectura híbrida DiT-UNet con un programador de coincidencia de flujo, que permite una inferencia más rápida con menos pasos de eliminación de ruido. Soporta consistencia multi-sujeto, física precisa como dinámica de fluidos y caída de tela, y superposición de texto nativa — capacidades con las que la mayoría de los modelos competidores aún tienen dificultades.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Navega por el muro de prompts, mira los clips que se reproducen automáticamente y toca el icono de información en cualquier tarjeta para ver el prompt completo. Cópialo y pégalo en YouMind con el modelo Seedance 2.0 seleccionado para generar tu propio video.\",\"q3\":\"¿Cuáles son las mejores prácticas para escribir prompts de Seedance 2.0?\",\"a3\":\"Comienza con una descripción clara de la escena, especifica el movimiento de cámara (ej. 'dolly in lento'), define la iluminación y el ambiente, y luego agrega detalles del sujeto. Mantén los prompts por debajo de 200 palabras para mejores resultados. Mencionar interacciones físicas como 'viento soplando a través del cabello' o 'salpicaduras de agua' aprovecha las fortalezas de simulación del modelo.\"},\"aiAssistant\":{\"title\":\"Asistente de IA\",\"placeholder\":\"¿Qué tipo de prompts de video estás buscando? ¡Cuéntame!\",\"submit\":\"Enviar\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta la generación de video con calidad cinematográfica de Seedance 2.0\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Compatibilidad con los últimos modelos SOTA.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos en cualquier momento, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"generator\":{\"placeholder\":\"Describe el video que quieres generar... (ej. Un gato caminando por la playa al atardecer)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetro\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todo\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoLabel\":\"Una mejor opción\",\"promoTitle\":\"Agent Skill te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo encontrar prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Recomiéndame algunos prompts de generación de video de Seeda"])</script><script>self.__next_f.push([1,"nce 2.0 y primero pregunta sobre mis necesidades específicas.\",\"modelSlug\":\"seedance-2-0\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\"},\"downloadDialog\":{\"title\":\"Descarga gratuita de {total} prompts\",\"subtitle\":\"Colección de prompts de video IA de alta calidad para impulsar tu creatividad\",\"useCasesTitle\":\"Puedes usarlos para:\",\"useCase1\":\"Buscar prompts con IA\",\"useCase2\":\"Crear contenido\",\"useCase3\":\"Impulsar tus Agent Skills\",\"useCase4\":\"Y mucho más por explorar...\",\"shareRequest\":\"Hemos invertido cientos de horas en construir este sitio. Si te gusta, ¡comparte tu experiencia en redes sociales!\",\"shareRequestWithHeart\":\"Hemos invertido cientos de horas en construir este sitio. Si te resulta útil, ¡compártelo con tus amigos! ❤️\",\"shareRequestNote\":\"Puedes descargar incluso si rechazas.\",\"beforeYouGo\":\"Antes de continuar\",\"declineButton\":\"No, gracias\",\"acceptButton\":\"¡Claro!\",\"shareTitle\":\"Compartir con amigos\",\"shareSubtitle\":\"Ayuda a más personas a descubrir estos increíbles prompts\",\"shareTextLabel\":\"Texto para compartir\",\"shareTextPlaceholder\":\"Introduce tu texto para compartir aquí...\",\"generateShareText\":\"Generar con IA\",\"generatingShareText\":\"Generando...\",\"remaining\":\"restantes\",\"rateLimitExceeded\":\"Límite diario alcanzado. ¡Inténtalo de nuevo mañana!\",\"generationFailed\":\"Error en la generación. Por favor, inténtalo de nuevo.\",\"copyToClipboard\":\"Copiar al portapapeles\",\"copied\":\"¡Copiado!\",\"shareOnTwitter\":\"Compartir en X\",\"shareOnLinkedIn\":\"Compartir en LinkedIn\",\"shareOnThreads\":\"Compartir en Threads\",\"shareOnWhatsApp\":\"Compartir en WhatsApp\",\"defaultShareText\":\"Este sitio tiene {total} prompts de video curados de Seedance 2.0 traducidos a {languageNum} idiomas. ¡Descarga todos con un clic!\",\"loginRequiredTitle\":\"Inicio de sesión requerido\",\"loginRequired\":\"Para prevenir abusos, inicia sesión para descargar.\",\"downloadButton\":\"Descargar CSV\",\"download\":\"Descargar\",\"downloading\":\"Descargando...\",\"downloadError\":\"Descarga fallida, inténtalo de nuevo más tarde\",\"loginButton\":\"Iniciar sesión para descargar\",\"close\":\"Cerrar\"},\"settings\":{\"settings\":\"Ajustes\",\"mode\":\"Modo\",\"aspectRatio\":\"Relación de aspecto\",\"quality\":\"Calidad\",\"sound\":\"Sonido\",\"low\":\"Baja\",\"medium\":\"Media\",\"high\":\"Alta\",\"keyframe\":\"Keyframe\",\"reference\":\"Referencia\",\"on\":\"Activado\",\"off\":\"Desactivado\"}},\"GrokImagineVideoPrompts\":{\"page\":{\"title\":\"Grok Imagine Prompts - High-Signal AI Video Prompt Library - YouMind\",\"description\":\"Cientos de prompts de video seleccionados de Grok Imagine, cada uno con resultado generado para ver en línea. Impulsado por el modelo Aurora de xAI, con referencia-a-video de hasta 7 imágenes. #1 en Artificial Analysis Video Arena. Se actualiza a diario. Gratis.\",\"badge\":\"Video Prompt Lab\",\"headerTitle\":\"Grok Imagine Prompts\",\"headerDescription\":\"High-signal prompt cases for Grok Imagine. Scroll the wall, watch the clip, then open the prompt details only when you need them.\",\"total\":\"Total\",\"autoPlay\":\"Auto-play in viewport\",\"headerTitleLine1\":\"Grok Imagine\",\"headerTitleLine2\":\"Prompts\",\"copyright\":\"YouMind. Todos los derechos reservados.\",\"viewAll\":\"Ver Todo\",\"dailyUpdating\":\"Actualizado cada día\",\"downloadShareText\":\"Este sitio reúne {total} prompts seleccionados de Grok Imagine, traducidos a {languageNum} idiomas y con búsqueda impulsada por IA. Además, puedes descargar todos los prompts con un solo clic. ¡Pruébalo ahora!\",\"crossPromoBadge\":\"Explora prompts de Seedance 2.0\",\"crossPromoBadgeMobile\":\"Prompts Seedance 2.0\",\"benefit2Suffix\":\"\",\"designArenaBadge\":\"3 medallas de oro en Design Arena\",\"freshPrompts\":\"Prompts\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"Grok Imagine prompts\"},\"search\":{\"placeholder\":\"Busca prompts, escenas, estilos o creadores...\",\"clear\":\"Clear search\",\"submit\":\"Buscar\",\"placeholderShort\":\"Buscar prompts\"},\"card\":{\"by\":\"By\",\"unknownAuthor\":\"Unknown\",\"viewPrompt\":\"View Prompt\",\"hidePrompt\":\"Hide Prompt\",\"copyPrompt\":\"Copy Prompt\",\"copied\":\"Copied\",\"author\":\"Author\",\"s"])</script><script>self.__next_f.push([1,"ource\":\"Source\",\"prompt\":\"Prompt\",\"translateButton\":\"Traducción\",\"beforeTranslation\":\"Original\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"fullScreen\":\"Pantalla completa\",\"viewDetails\":\"Ver detalles\",\"video\":\"Video\",\"referenceImages\":\"Imagenes de referencia\",\"share\":\"Compartir\",\"linkCopied\":\"¡Enlace copiado!\",\"featured\":\"Destacado\",\"tryItNow\":\"Pruébalo ahora\",\"promptHeader\":\"Prompt\",\"viewFullPrompt\":\"Ver prompt completo\"},\"empty\":{\"title\":\"No video prompts found\",\"description\":\"Try a different keyword and explore more Grok Imagine clips.\",\"aiSearch\":\"Búsqueda IA\"},\"loadMore\":{\"loading\":\"Loading more videos...\"},\"faq\":{\"title\":\"Preguntas frecuentes\",\"q0\":\"¿Qué es Grok Imagine?\",\"a0\":\"Grok Imagine es el modelo de generación de video con IA de xAI, impulsado por la arquitectura Aurora. Soporta texto-a-video y referencia-a-video con hasta 7 imágenes de referencia, ofreciendo calidad cinematográfica. Ocupa el puesto #1 en Artificial Analysis Video Arena.\",\"q1\":\"¿Qué hace que Grok Imagine sea diferente de otros modelos de video con IA?\",\"a1\":\"Grok Imagine destaca en la generación de referencia-a-video, permitiéndote proporcionar hasta 7 imágenes como referencias visuales. Su arquitectura de modelo Aurora ofrece coherencia temporal excepcional, movimientos de cámara dinámicos y consistencia precisa del sujeto entre fotogramas.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Navega por el muro de prompts, mira los clips que se reproducen automáticamente y toca el icono de información en cualquier tarjeta para ver el prompt completo. Cópialo y pégalo en YouMind con el modelo Grok Imagine seleccionado para generar tu propio video.\",\"q3\":\"¿Cuáles son las mejores prácticas para escribir prompts de Grok Imagine?\",\"a3\":\"Comienza con una descripción clara de la escena, especifica el movimiento de cámara (ej. 'dolly in lento'), define la iluminación y el ambiente, y luego agrega detalles del sujeto. Para referencia-a-video, proporciona imágenes de referencia de alta calidad que muestren claramente los sujetos o el estilo deseados. El modelo destaca en mantener la consistencia con los materiales de referencia.\"},\"aiAssistant\":{\"title\":\"Asistente de IA\",\"placeholder\":\"¿Qué tipo de prompts de video estás buscando? ¡Cuéntame!\",\"submit\":\"Enviar\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta la generación de video con calidad cinematográfica de Grok Imagine\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Compatibilidad con los últimos modelos SOTA.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos en cualquier momento, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"generator\":{\"placeholder\":\"Describe el video que quieres generar... (ej. Un gato caminando por la playa al atardecer)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetro\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todo\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoLabel\":\"Una mejor opción\",\"promoTitle\":\"Agent Skill te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo encontrar prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Recomiéndame algunos prompts de generación de video de Grok Imagine y primero pregunta sobre mis necesidades específicas.\",\"modelSlug\":\"grok-imagine\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"pl"])</script><script>self.__next_f.push([1,"aceholderAuthor\":\"Buscar autores...\"},\"downloadDialog\":{\"title\":\"Descarga gratuita de {total} prompts\",\"subtitle\":\"Colección de prompts de video IA de alta calidad para impulsar tu creatividad\",\"useCasesTitle\":\"Puedes usarlos para:\",\"useCase1\":\"Buscar prompts con IA\",\"useCase2\":\"Crear contenido\",\"useCase3\":\"Impulsar tus Agent Skills\",\"useCase4\":\"Y mucho más por explorar...\",\"shareRequest\":\"Hemos invertido cientos de horas en construir este sitio. Si te gusta, ¡comparte tu experiencia en redes sociales!\",\"shareRequestWithHeart\":\"Hemos invertido cientos de horas en construir este sitio. Si te resulta útil, ¡compártelo con tus amigos! ❤️\",\"shareRequestNote\":\"Puedes descargar incluso si rechazas.\",\"beforeYouGo\":\"Antes de continuar\",\"declineButton\":\"No, gracias\",\"acceptButton\":\"¡Claro!\",\"shareTitle\":\"Compartir con amigos\",\"shareSubtitle\":\"Ayuda a más personas a descubrir estos increíbles prompts\",\"shareTextLabel\":\"Texto para compartir\",\"shareTextPlaceholder\":\"Introduce tu texto para compartir aquí...\",\"generateShareText\":\"Generar con IA\",\"generatingShareText\":\"Generando...\",\"remaining\":\"restantes\",\"rateLimitExceeded\":\"Límite diario alcanzado. ¡Inténtalo de nuevo mañana!\",\"generationFailed\":\"Error en la generación. Por favor, inténtalo de nuevo.\",\"copyToClipboard\":\"Copiar al portapapeles\",\"copied\":\"¡Copiado!\",\"shareOnTwitter\":\"Compartir en X\",\"shareOnLinkedIn\":\"Compartir en LinkedIn\",\"shareOnThreads\":\"Compartir en Threads\",\"shareOnWhatsApp\":\"Compartir en WhatsApp\",\"defaultShareText\":\"Este sitio tiene {total} prompts de video curados de Grok Imagine traducidos a {languageNum} idiomas. ¡Descarga todos con un clic!\",\"loginRequiredTitle\":\"Inicio de sesión requerido\",\"loginRequired\":\"Para prevenir abusos, inicia sesión para descargar.\",\"downloadButton\":\"Descargar CSV\",\"download\":\"Descargar\",\"downloading\":\"Descargando...\",\"downloadError\":\"Descarga fallida, inténtalo de nuevo más tarde\",\"loginButton\":\"Iniciar sesión para descargar\",\"close\":\"Cerrar\"},\"settings\":{\"settings\":\"Ajustes\",\"aspectRatio\":\"Relación de aspecto\",\"quality\":\"Calidad\",\"low\":\"Baja\",\"medium\":\"Media\",\"high\":\"Alta\"}},\"GPTImage15Prompts\":{\"page\":{\"title\":\"GPT Image 1.5 Prompts - Edición Precisa y Generación de Imágenes IA de Alta Calidad - YouMind\",\"description\":\"Descubre prompts curados para GPT Image 1.5 - el modelo de imagen insignia de OpenAI con edición precisa, generación 4x más rápida y calidad superior.\",\"headerTitle\":\"GPT Image 1.5\",\"headerPrompts\":\"Prompts\",\"headerDescription\":\"Una colección curada de los mejores prompts de {brand}.\",\"headerTagline\":\"Ediciones precisas que preservan lo importante.\",\"freshPrompts\":\"Prompts\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"GPT Image 1.5 prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todos\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de generación de imágenes y primero pregunta sobre mis necesidades específicas.\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"modelSlug\":\"gpt-image-1.5\"},\"categories\":{\"all\":\"TODOS\"},\"promptCard\":{\"tabPrompt\":\"Prompt\",\"tabOriginal\":\"Original\",\"by\":\"POR\",\"promptHeader\":\"Prompt\",\"translateButton\":\"Traducir\",\"beforeTranslation\":\"Original\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"Probar ahora\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiShortcut\":\"Atajo IA\",\"install\":\"Instalar\",\"aiSkill\":\"AI Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":"])</script><script>self.__next_f.push([1,"\"Probar\",\"featured\":\"Destacado\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar Prompt\",\"savePromptSubtitle\":\"Accede en cualquier lugar, en cualquier momento\",\"savingPrompt\":\"Guardando...\",\"referenceImages\":\"Imágenes de referencia\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"Preguntas Frecuentes\",\"q0\":\"¿Qué es GPT Image 1.5?\",\"a0\":\"GPT Image 1.5 es el nuevo modelo de generación de imágenes insignia de OpenAI. Ofrece ediciones precisas manteniendo los detalles intactos, genera imágenes hasta 4 veces más rápido y destaca en transformaciones creativas, seguimiento de instrucciones y preservación de detalles importantes a través de múltiples ediciones.\",\"q1\":\"¿De dónde provienen estos prompts?\",\"a1\":\"Están curados principalmente de fuentes públicas de Twitter/𝕏. Si eres el autor y deseas ser eliminado, contáctanos para eliminación inmediata.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Simplemente copia el prompt y úsalo en YouMind con el modelo de generación de imágenes 'GPT Image 1.5'. El modelo destaca en edición, transformaciones creativas y seguimiento de instrucciones.\",\"q3\":\"¿Qué es un Atajo IA?\",\"a3\":\"Te ayuda a consolidar tus mejores prácticas de creación de contenido y aprendizaje en YouMind Shortcuts. Esto permite la generación con un clic basada en tus materiales—como convertir un video de YouTube en una publicación de blog o extraer citas de un artículo.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Echa un vistazo a nuestra publicación del blog \u003clink\u003e{title}\u003c/link\u003e para más ejemplos curados de GPT Image 1.5.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Vista previa de imagen\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"No se encontraron prompts\",\"trySearchingElse\":\"INTENTA BUSCAR OTRA COSA\",\"tryTheseShortcuts\":\"Prueba Estos Atajos IA en su Lugar\",\"discoverFeaturedTools\":\"Descubre herramientas destacadas que pueden ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"Ver Todos los Atajos\",\"tryTheseSkills\":\"Prueba estas skills de IA en su lugar\",\"viewAllSkills\":\"Ver todas las skills\"},\"footerCTA\":{\"readyToCreate\":\"¿Listo para crear con\",\"nanoBanana\":\"GPT Image 1.5?\",\"experiencePower\":\"Experimenta la Edición Precisa y Generación Rápida de GPT Image 1.5\",\"freeLimitedTime\":\"DEJA VOLAR TU IMAGINACIÓN\",\"startGenerating\":\"Comenzar a Generar\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver Todos los Prompts\"},\"generator\":{\"placeholder\":\"Describe la imagen que quieres generar... (ej. Una ciudad cyberpunk de noche)\",\"generate\":\"Generar\",\"clearPrompt\":\"Borrar prompt\",\"exitParamMode\":\"Salir del modo parámetro\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir imagen, por favor intenta de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Auto\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir enlace fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta las potentes capacidades de GPT Image 1.5\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Soporte para GPT Image 1.5, Gemini 3.0 Pro, Claude Sonnet 4.5 y más modelos\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos/podcasts/artículos sobre la marcha, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"}},\"Gemin"])</script><script>self.__next_f.push([1,"i3Prompts\":{\"page\":{\"title\":\"Gemini 3 Pro Prompts - Prompts de IA Multimodal y Generación de Contenido - YouMind\",\"description\":\"Explora prompts curados de Gemini 3 Pro, experimenta una comprensión y generación multimodal potente, crea sin esfuerzo en YouMind.\",\"headerTitle\":\"GEMINI 3 PRO\",\"headerPrompts\":\"PROMPTS\",\"headerDescription\":\"Una colección curada de los mejores prompts de {brand}.\",\"headerTagline\":\"Contexto Masivo · Inteligencia Multimodal · IA Agéntica\",\"freshPrompts\":\"PROMPTS\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"Gemini 3 Pro prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/título/descripción/autor...\",\"filterAll\":\"TODOS\",\"filterVideo\":\"VIDEO\",\"filterImage\":\"IMAGEN\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de generación de imágenes y primero pregunta sobre mis necesidades específicas.\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"PROMPT\",\"tabOriginal\":\"ORIGINAL\",\"by\":\"POR\",\"promptHeader\":\"PROMPT\",\"translateButton\":\"TRADUCIR\",\"beforeTranslation\":\"ANTES DE TRADUCIR\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"PROBARLO AHORA\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiShortcut\":\"ATAJO DE IA\",\"install\":\"INSTALAR\",\"aiSkill\":\"AI SKILL\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":\"PROBAR\",\"featured\":\"DESTACADO\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar prompt\",\"savePromptSubtitle\":\"Acceder en cualquier momento y lugar\",\"savingPrompt\":\"Guardando...\",\"referenceImages\":\"Imágenes de referencia\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"PREGUNTAS FRECUENTES\",\"q0\":\"¿Qué es Gemini 3 Pro?\",\"a0\":\"Gemini 3 Pro es el último modelo de IA multimodal de Google, con una ventana de contexto masiva (hasta 1 millón de tokens), inteligencia multimodal para entender y generar texto, imágenes, audio, video y código, IA orientada a la acción para ejecución automatizada y generación de sitios web con vista previa en tiempo real, y razonamiento poderoso para resolución avanzada de problemas y manejo de tareas complejas.\",\"q1\":\"¿De dónde vienen estos prompts?\",\"a1\":\"Principalmente de selecciones públicas de Twitter/𝕏. Si eres el autor y no quieres que se muestre aquí, contáctanos y lo eliminaremos de inmediato.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Puedes copiar el prompt y usarlo en YouMind seleccionando el modelo Gemini 3 Pro. YouMind ha integrado las potentes capacidades de Gemini 3 Pro, soportando entradas multimodales incluyendo texto, imágenes, audio y video. Puedes generar sitios web directamente con vista previa en tiempo real y publicar con un clic.\",\"q3\":\"¿Qué es un Atajo de IA?\",\"a3\":\"Consolida tus mejores prácticas de creación de contenido y aprendizaje en YouMind Shortcuts, y podrás generar con un solo clic basándote en los materiales que recopiles y los borradores que escribas. Por ejemplo, generar un artículo de blog a partir de un vídeo de YouTube guardado, o extraer citas clave del contenido de un blog.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Puedes ver más casos destacados de Gemini 3 Pro en esta publicación de blog: \u003clink\u003e{title}\u003c/link\u003e.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Vista previa de imagen\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"NO SE ENCONTRARON PROMPTS\",\"trySearchingElse\":\"Intenta buscar algo más\",\"tryTheseShortcuts\":\"PRUEBA ESTOS ATAJOS DE IA\",\"discoverFeaturedTools\":\"Descubre "])</script><script>self.__next_f.push([1,"herramientas destacadas para ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"VER TODOS LOS ATAJOS\",\"tryTheseSkills\":\"Prueba estas skills de IA en su lugar\",\"viewAllSkills\":\"Ver todas las skills\"},\"footerCTA\":{\"readyToCreate\":\"¿LISTO PARA CREAR CON\",\"nanoBanana\":\"GEMINI 3?\",\"experiencePower\":\"Experimenta el poder de la IA multimodal Gemini 3 Pro en YouMind - soporta comprensión de texto, imágenes, audio, video y código.\",\"freeLimitedTime\":\"DEJA VOLAR TU IMAGINACIÓN\",\"startGenerating\":\"COMENZAR A CREAR\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver todos los prompts\"},\"generator\":{\"placeholder\":\"Describe el sitio web que quieres crear... (ej. Un sitio web de portafolio personal minimalista)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo de parámetros\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir la imagen, por favor inténtalo de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Auto\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir enlace fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta las Potentes Capacidades de Gemini 3 Pro\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Soporte para Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 y más modelos.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos sobre la marcha, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"categories\":{\"all\":\"TODO\"}},\"Seedream4-5Prompts\":{\"page\":{\"title\":\"Seedream 4.5 Prompts - Alternativa económica a Nano Banana Pro para generación de imágenes IA - YouMind\",\"description\":\"Seedream 4.5 es una alternativa de alta calidad y económica a Nano Banana Pro a 1/3 del precio. Descubre prompts curados y genera imágenes impresionantes directamente en YouMind.\",\"headerTitle\":\"Seedream 4.5\",\"headerPrompts\":\"Prompts\",\"headerDescription\":\"Una colección curada de prompts de primer nivel para {brand}.\",\"headerTagline\":\"Róbalos como un artista.\",\"freshPrompts\":\"Prompts\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"Seedream 4.5 prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todos\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de generación de imágenes y primero pregunta sobre mis necesidades específicas.\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"Prompt\",\"tabOriginal\":\"Original\",\"by\":\"POR\",\"promptHeader\":\"Prompt\",\"translateButton\":\"Traducir\",\"beforeTranslation\":\"Antes de la Traducción\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar Original\",\"showTranslation\":\"Mostrar Traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"Pruébalo Ahora\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiS"])</script><script>self.__next_f.push([1,"hortcut\":\"Atajo de IA\",\"install\":\"Instalar\",\"aiSkill\":\"AI Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":\"Probar\",\"featured\":\"Destacado\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar prompt\",\"savePromptSubtitle\":\"Acceder en cualquier momento y lugar\",\"savingPrompt\":\"Guardando...\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"Preguntas Comunes\",\"q0\":\"¿Qué es Seedream 4.5?\",\"a0\":\"Seedream 4.5 (Jimeng) es un modelo de generación de imágenes IA de ByteDance, ampliamente reconocido como una alternativa de alta calidad y económica a Nano Banana Pro a solo 1/3 del precio. Ofrece efectos visuales cinematográficos con iluminación y renderizado refinados, mayor consistencia en múltiples imágenes, seguimiento de prompts más inteligente con control visual preciso, comprensión espacial más fuerte, y aplicaciones industriales profundas para flujos de trabajo profesionales de comercio electrónico, cine, publicidad, juegos, educación y diseño arquitectónico.\",\"q1\":\"¿De dónde vienen estos prompts?\",\"a1\":\"Se seleccionan principalmente de fuentes públicas de Twitter/𝕏. Si eres el autor y no deseas que se muestre aquí, contáctanos y lo retiraremos de inmediato.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Simplemente copia el prompt y úsalo en YouMind con el modelo de generación de imágenes 'Seedream 4.5' según la descripción. Estamos trabajando en una integración más estrecha para uso con un solo clic en el futuro.\",\"q3\":\"¿Qué es un Atajo de IA?\",\"a3\":\"Te ayuda a consolidar tus mejores prácticas de creación de contenido y aprendizaje en YouMind Shortcuts. Esto permite la generación con un clic basada en tus materiales—como convertir un video de YouTube en una publicación de blog o extraer citas de un artículo.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Consulta nuestra publicación del blog \u003clink\u003e{title}\u003c/link\u003e para ver más ejemplos seleccionados de Seedream 4.5.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Vista Previa de Imagen\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"No se encontraron prompts\",\"trySearchingElse\":\"INTENTA BUSCAR ALGO MÁS\",\"tryTheseShortcuts\":\"Prueba Estos Atajos de IA\",\"discoverFeaturedTools\":\"Descubre herramientas destacadas que pueden ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"Ver Todos los Atajos\",\"tryTheseSkills\":\"Prueba estas skills de IA en su lugar\",\"viewAllSkills\":\"Ver todas las skills\"},\"footerCTA\":{\"readyToCreate\":\"¿Listo para crear con\",\"nanoBanana\":\"Seedream?\",\"experiencePower\":\"Experimenta el poder de la generación de imágenes Seedream 4.5 en YouMind.\",\"freeLimitedTime\":\"DEJA VOLAR TU IMAGINACIÓN\",\"startGenerating\":\"Comenzar a Generar\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver todos los prompts\"},\"generator\":{\"placeholder\":\"Describe la imagen que quieres generar... (ej. una ciudad cyberpunk por la noche)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetros\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir la imagen, por favor inténtalo de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Automático\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir Enlace de Fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia Sesión para Usar Gratis\",\"subtitle\":\"Experimenta el modelo de imagen #2 en LM Arena\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Soporte para Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 y más modelos.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcas"])</script><script>self.__next_f.push([1,"ts / artículos sobre la marcha, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar Sesión Ahora\",\"loginRequired\":\"Inicio de Sesión Requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"categories\":{\"all\":\"TODO\"}},\"ChristmasCardPrompts\":{\"makeYourCard\":\"Crea tu tarjeta\",\"page\":{\"title\":\"Prompts de Tarjetas de Navidad 2025 - 100+ Tarjetas IA, Portadas y Marcos - YouMind\",\"description\":\"Descubre más de 100 prompts seleccionados de tarjetas de Navidad para generación de imágenes IA. Crea impresionantes tarjetas navideñas, portadas, marcos de fotos y más. ¡Totalmente personalizable!\",\"headerTitle\":\"Tarjeta de Navidad 2025\",\"headerPrompts\":\"Prompts\",\"headerDescription\":\"100+ tarjetas de Navidad IA incluyendo portadas, tarjetas de felicitación, marcos de fotos y más.\",\"headerTagline\":\"Totalmente personalizable para tus fiestas perfectas.\",\"freshPrompts\":\"Prompts\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"2025 Christmas Card prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todo\",\"filterVideo\":\"vídeo\",\"filterImage\":\"imagen\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de generación de imágenes y primero pregunta sobre mis necesidades específicas.\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"Prompt\",\"tabOriginal\":\"Original\",\"by\":\"POR\",\"remixFrom\":\"Remix de\",\"promptHeader\":\"Prompt\",\"translateButton\":\"Traducir\",\"beforeTranslation\":\"Original\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar Original\",\"showTranslation\":\"Mostrar Traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"Pruébalo Ahora\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiShortcut\":\"Atajo IA\",\"install\":\"Instalar\",\"aiSkill\":\"AI Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":\"Probar\",\"featured\":\"Destacado\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar Prompt\",\"savePromptSubtitle\":\"Accede en Cualquier Momento, en Cualquier Lugar\",\"savingPrompt\":\"Guardando...\",\"referenceImages\":\"Imágenes de Referencia\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"Preguntas Frecuentes\",\"q0\":\"¿Qué son los Prompts de Tarjetas de Navidad?\",\"a0\":\"Son prompts de IA seleccionados diseñados específicamente para crear hermosas tarjetas de Navidad. Incluye portadas navideñas, tarjetas de felicitación, marcos de fotos y plantillas personalizables que funcionan con generadores de imágenes IA.\",\"q1\":\"¿Cuántos estilos de tarjetas de Navidad hay disponibles?\",\"a1\":\"Tenemos más de 100 prompts diferentes de tarjetas de Navidad que cubren varios estilos: tradicional, moderno, minimalista, lindo, elegante y más. Cada prompt es totalmente personalizable.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Simplemente copia el prompt y úsalo en YouMind con nuestro generador de imágenes IA. Puedes personalizar texto, nombres y otros parámetros para crear tu tarjeta de Navidad perfecta.\",\"q3\":\"¿Puedo personalizar estas tarjetas?\",\"a3\":\"¡Sí! La mayoría de los prompts admiten personalización a través de parámetros. Puedes cambiar nombres, saludos, colores y estilos para hacer cada tarjeta única.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Consulta nuestra galería para obtener más inspiración y ejemplos de cómo otros han usado estos prompts para crear increíbles tarjetas de Navidad.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Im"])</script><script>self.__next_f.push([1,"agen de Vista Previa\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"No se Encontraron Prompts\",\"trySearchingElse\":\"INTENTA BUSCAR ALGO MÁS\",\"tryTheseShortcuts\":\"Prueba Estos Atajos de IA\",\"discoverFeaturedTools\":\"Descubre herramientas destacadas que pueden ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"Ver Todos los Atajos\",\"tryTheseSkills\":\"Prueba estas skills de IA en su lugar\",\"viewAllSkills\":\"Ver todas las skills\"},\"footerCTA\":{\"readyToCreate\":\"¿Listo para crear\",\"nanoBanana\":\"magia navideña?\",\"experiencePower\":\"Crea impresionantes tarjetas de Navidad con IA en segundos\",\"freeLimitedTime\":\"COMPARTE LA ALEGRÍA NAVIDEÑA\",\"startGenerating\":\"Comenzar a Crear\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver todos los prompts\"},\"generator\":{\"placeholder\":\"Describe tu tarjeta de Navidad... (ej. una acogedora escena de chimenea navideña con calcetines)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetros\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir la imagen, por favor inténtalo de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Automático\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir Enlace de Fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia Sesión para Crear Gratis\",\"subtitle\":\"Crea Hermosas Tarjetas de Navidad con IA\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Soporte para múltiples modelos de generación de imágenes IA\",\"benefit3\":\"100+ plantillas de tarjetas de Navidad personalizables\",\"benefit4\":\"Guarda y descarga tus creaciones\",\"benefit5\":\"Comparte tus tarjetas con amigos y familia\",\"loginButton\":\"Iniciar Sesión Ahora\",\"loginRequired\":\"Inicio de Sesión Requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"categories\":{\"all\":\"TODO\"}},\"ChristmasCardMaker\":{\"page\":{\"title\":\"Creador de Tarjetas de Navidad - Tarjetas de Felicitación con IA | YouMind\",\"description\":\"Crea increíbles tarjetas de Navidad personalizadas con IA. Sube tus fotos, personaliza mensajes, elige música y fuentes festivas.\",\"headerTitle\":\"Creador de Tarjetas de Navidad\",\"headerDescription\":\"Crea tu tarjeta de felicitación personalizada con IA\"},\"steps\":{\"cover\":\"Portada\",\"message\":\"Mensaje\"},\"coverPage\":{\"uploadCover\":\"Subir portada\",\"uploadCoverSubtext\":\"Portada de tu tarjeta de Navidad\",\"yourPhoto\":\"Tu foto\",\"addYourPhoto\":\"Agregar tu foto\",\"willBeMerged\":\"Se integrará en el marco\",\"uploadHintPhotoFrame\":\"Sube un marco de fotos y luego agrega tu foto\",\"uploadHintNormal\":\"Sube la imagen de portada de tu tarjeta de Navidad\",\"uploading\":\"Subiendo...\",\"upload\":\"Subir\",\"coverImage\":\"Imagen de portada\",\"selectCovers\":\"Seleccionar portadas\",\"removeCover\":\"Eliminar imagen de portada\",\"removePhoto\":\"Eliminar foto\"},\"innerPage\":{\"decoration\":\"Decoración\",\"addDecoration\":\"Agregar decoración\",\"removeDecoration\":\"Eliminar decoración\",\"decorationLibrary\":\"Biblioteca de decoraciones\",\"decorationSubtext\":\"Opcional - La IA generará si está vacío\",\"aiWillCreate\":\"¡La IA creará magia!\",\"yourMessage\":\"Tu mensaje\",\"messagePlaceholder\":\"Querida familia,\\n\\n¡Les deseo una muy Feliz Navidad, alegría cada día y siempre buena salud!\\n\\nCon cariño,\\n[Tu nombre]\",\"clearText\":\"Borrar texto\"},\"navigation\":{\"makeYourCard\":\"Crear tu tarjeta\",\"advanceOptions\":\"Opciones avanzadas\"},\"cardPreview\":{\"flipToFront\":\"Ver anverso\",\"flipToBack\":\"Ver reverso\"},\"advanceOptions\":{\"title\":\"Opciones avanzadas\",\"done\":\"Listo\",\"music\":{\"title\":\"Música de fondo\",\"subtitle\":\"Elige una melodía festiva\",\"randomPick\":\"Selección aleatoria\"},\"font\":{\"title\":\"Estilo de fuente\",\"subtitle\":\"Eli"])</script><script>self.__next_f.push([1,"ge la fuente de tu mensaje\",\"previewText\":\"Feliz Navidad\",\"categories\":{\"handwriting\":\"Manuscrita\",\"serif\":\"Serif\",\"sansSerif\":\"Sans Serif\",\"display\":\"Display\"}}},\"loginDialog\":{\"title\":\"Crea tu tarjeta de Navidad única\",\"subtitle\":\"Inicia sesión para empezar a crear\",\"benefits\":{\"1\":\"Crea hermosas tarjetas de Navidad con Gemini 3 Pro y Nano Banana Pro\",\"2\":\"Comparte tus tarjetas con amigos y familia\",\"3\":\"Guarda tus creaciones en tu cuenta\",\"4\":\"2000 créditos gratis cada mes\"},\"loginButton\":\"Crear tarjeta\",\"terms\":\"Al iniciar sesión, aceptas nuestros Términos de Servicio y Política de Privacidad\"},\"common\":{\"uploading\":\"Subiendo...\",\"poweredBy\":\"Impulsado por YouMind AI\",\"close\":\"Cerrar\",\"mute\":\"Silenciar\",\"unmute\":\"Activar sonido\"}},\"NewYearsCampaignBanner\":{\"desktopText\":\"Inspiración renace, 30% de descuento\",\"mobileText\":\"30% OFF\",\"buttonText\":\"Únete ahora\"},\"Skills\":{\"meta\":{\"title\":\"Explora Habilidades de IA para Aprendizaje, Escritura y Creación - YouMind Habilidades\",\"description\":\"Descubre más de 100 Skills de IA reutilizables para investigación, creación de contenido, redes sociales y presentaciones. Sin necesidad de programar—solo ejecuta y obtén resultados.\",\"packTitle\":\"{name} - Pack de Habilidades YouMind\",\"skillTitle\":\"{name} - Habilidad de YouMind\",\"tryFree\":\"Pruébalo gratis en YouMind.\",\"defaultPackDescription\":\"Explora este pack de skills en YouMind.\",\"defaultSkillDescription\":\"Prueba esta habilidad de IA en YouMind.\"},\"guideText\":\"Guía de inicio rápido de Habilidad\",\"seeWhatsPossible\":\"Ver qué es posible\",\"skillsDescription\":\"Habilidad es tu mejor compañero para aprender y crear en YouMind, ayudándote a leer y pensar.\",\"recommendedPacks\":\"Pack de Habilidades recomendados\",\"exploreSkills\":\"Explorar Habilidades\",\"searchPlaceholder\":\"Buscar\",\"latest\":\"Más recientes\",\"noSkillsFound\":\"No se encontró Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"backToSkills\":\"Habilidades\",\"copyLink\":\"Copiar enlace\",\"install\":\"Instalar\",\"getWith\":\"Obtener por\",\"open\":\"Abrir\",\"author\":\"Autor\",\"categoriesLabel\":\"Categorías\",\"tools\":\"Herramientas\",\"instructions\":\"Instrucciones\",\"instructionPrivate\":\"El autor ha establecido las instrucciones como privadas. A continuación se ofrece una breve descripción.\",\"instructionEmpty\":\"No hay instrucciones.\",\"instructionVisibleToCreator\":\"Visible solo para ti como creador\",\"skills\":\"Habilidad\",\"credits\":\"créditos\",\"goToGallery\":\"Ir a la galería\",\"noBioFound\":\"No se encontró perfil.\",\"installSuccess\":\"Habilidad instalada correctamente\",\"installFailed\":\"Error al instalar Habilidad\",\"categories\":{\"learn\":\"Aprender\",\"write\":\"Escribir\",\"create\":\"Crear\",\"life\":\"Vida\",\"research\":\"Investigación\",\"images\":\"Imagen\",\"slides\":\"Diapositivas\",\"webpage\":\"Página web\",\"other\":\"Más\"},\"aiAssistant\":{\"hoverHint\":\"Asistente de IA\",\"title\":\"¿Necesitas una Skill específica?\",\"description\":\"Dime qué necesitas y haré todo lo posible para encontrarlo para ti.\",\"buttonText\":\"Preguntar a la IA\",\"prompt\":\"Recomiéndame algunas Skills\"},\"aiFind\":{\"buttonText\":\"La IA te ayuda\",\"prompt\":\"Ayúdame a encontrar una habilidad sobre \\\"{query}\\\"\"},\"tryIt\":\"Probar\",\"monthlyTopTitle\":\"Top del mes\",\"monthlyTopDesc\":\"Las nuevas habilidades más populares del mes — descubre lo que todos están explorando.\",\"featuredTitle\":\"Destacados\",\"featuredDesc\":\"Seleccionadas por nuestro equipo — habilidades de calidad, listas para usar.\",\"monthlyRankingEmpty\":\"Ningún skill entró en la lista este mes. ¡Sé el primero en crear el tuyo!\",\"featuredRankingEmpty\":\"Aún no hay skills destacados. ¡Espera nuestras recomendaciones!\",\"goExploreSkills\":\"Explorar Skills\",\"goCreateSkill\":\"Crear un Skill\",\"monthlyTopTabPaid\":\"Top de pago\",\"monthlyTopTabFree\":\"Top gratis\"},\"ModelArena\":{\"header\":{\"vs\":\"VS\",\"mysteryModel\":\"???\",\"allModels\":\"Todos los modelos\"},\"prompts\":\"Prompts\",\"loadMore\":\"Cargar más\",\"excelsFilter\":{\"label\":\"Mejor en:\",\"all\":\"Todos\",\"excels\":\"destaca\"},\"empty\":{\"title\":\"No se encontraron comparaciones\",\"description\":\"Intenta ajustar tus filtros o vuelve más tarde.\"},\"footer\":{\"poweredBy\":\"Desar"])</script><script>self.__next_f.push([1,"rollado por\"},\"viewComparison\":\"Ver comparación\",\"preview\":\"VISTA PREVIA\",\"noImage\":\"Sin imagen\",\"models\":\"modelos\",\"sourceLink\":\"Enlace de origen\",\"by\":\"por\",\"tryItNow\":\"Probar ahora\",\"preferThis\":\"Prefiero este\",\"votes\":\"votos\",\"prompt\":\"Prompt\",\"filters\":\"Filtros\",\"clearFilters\":\"Borrar filtros\",\"championModel\":\"Modelo campeón\",\"categories\":{\"usecases\":\"Casos de uso\",\"styles\":\"Estilos\",\"subjects\":\"Temas\"},\"comparisonSummary\":{\"title\":\"Resumen de comparación de modelos\",\"readTime\":\"{minutes} min de lectura\"},\"modelWinCounts\":{\"title\":\"Estadísticas de victorias por modelo\",\"updateNote\":\"Actualizado cada {hours} horas\"},\"footerCTA\":{\"title\":\"¿Qué modelo gana?\",\"shuffleAndTry\":\"Mezclar y probar\",\"hint\":\"Haz clic para probar un prompt aleatorio\"},\"loginDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta las poderosas capacidades de Nano Banana Pro\",\"close\":\"Cerrar\",\"benefit1\":\"1000 créditos diarios\",\"benefit2\":\"Soporte para Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 y más modelos.\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos sobre la marcha, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"referenceImages\":\"Imágenes de referencia\",\"blindTest\":\"Modo adivinanza\",\"linkCopied\":\"Enlace copiado\",\"share\":\"Compartir\",\"longPressToSave\":\"Mantén presionada la imagen para guardar\",\"model\":\"Modelo\",\"championModelHint\":\"Filtrar prompts donde este modelo ganó más votos\",\"featured\":\"Destacado\",\"roast\":{\"title\":\"Crítica AI\",\"aiSays\":\"IA Roast:\",\"winner\":\"Ganador\",\"download\":\"Descargar imagen\",\"share\":\"Compartir\",\"shareTitle\":\"¡Mira esta crítica de IA!\",\"roastThem\":\"Crítica IA\",\"randomRoast\":\"Crítica IA aleatoria\",\"noComments\":\"No hay críticas disponibles para esta comparación\",\"loading\":\"Cargando críticas...\",\"generatingImage\":\"Generando imagen...\",\"linkCopied\":\"Enlace copiado\",\"selectModels\":\"Seleccionar modelos\",\"loadingRandomRoast\":\"Buscando un roast picante...\",\"noCommentsForPair\":\"No hay críticas para este par de modelos, prueba otra combinación\",\"noCommentsAvailable\":\"No hay críticas disponibles en esta página, intenta ajustar los filtros o vuelve más tarde\"},\"pickFavoriteHint\":\"Haz clic en la imagen y elige tu favorito!\",\"exploreMorePrompts\":\"Explorar miles de prompts\",\"showMore\":\"Mostrar más\",\"showLess\":\"Mostrar menos\",\"allPrompts\":\"Todos\",\"sortButton\":\"Ordenar\",\"sortAsc\":\"Ascendente\",\"sortDesc\":\"Descendente\",\"sortTime\":\"Tiempo\",\"sortLikes\":\"Me gusta\",\"sortComments\":\"Comentarios\",\"sortReposts\":\"Republicaciones\",\"sortViews\":\"Vistas\",\"sortBookmarks\":\"Marcadores\",\"clearSort\":\"Limpiar ordenación\",\"compareModels\":\"Comparar modelos\"},\"Landing\":{\"LennyCareerCoach\":{\"meta\":{\"title\":\"Coach de Carrera de Lenny — Revisión de CV y Asesoramiento Profesional con IA\",\"description\":\"Coaching profesional personalizado con las perspectivas del boletín de Lenny Rachitsky. Revisión de CV, asesoramiento profesional y entrevistas simuladas.\"},\"header\":{\"downloadButton\":\"Obtener el paquete de contenido de Lenny\",\"title\":\"Coach de Carrera de Lenny\"},\"tabs\":{\"resume\":\"Revisión de CV\",\"advice\":\"Asesoramiento Profesional\",\"interview\":\"Entrevista Simulada\"},\"sharedBadge\":{\"trainedOn\":\"Entrenado con más de 500 artículos del boletín de Lenny\",\"hours\":\"Más de 2000 horas de sabiduría profesional\"},\"resume\":{\"welcome\":\"¡Hola! Soy el Coach de Carrera de Lenny. Sube tu CV y te daré comentarios detallados y prácticos basados en las perspectivas de contratación de las principales empresas tecnológicas.\",\"userUpload\":\"resume_sarah_chen_2026.pdf\",\"analysisIntro\":\"Genial, he analizado tu CV. Aquí tienes mis comentarios detallados:\",\"feedback\":{\"title\":\"Resumen del análisis del CV\",\"strongPoints\":\"Puntos fuertes\",\"strong1\":\"Cuanti"])</script><script>self.__next_f.push([1,"ficación clara de métricas de impacto\",\"strong2\":\"Verbos de acción fuertes y puntos concisos\",\"areasToImprove\":\"Áreas a mejorar\",\"improve1\":\"Agregar más contexto sobre el tamaño del equipo y el alcance\",\"improve2\":\"Considerar reorganizar la sección de habilidades por relevancia\"},\"sources\":{\"article1\":\"Consejos de CV de Lenny\",\"article2\":\"Contratación en Grandes Empresas\"},\"quote\":{\"text\":\"Los mejores CV no solo enumeran responsabilidades — cuentan una historia de impacto.\",\"author\":\"Lenny Rachitsky\"}},\"advice\":{\"welcome\":\"Estoy aquí para ayudarte a navegar tu carrera, basándome en cientos de artículos y entrevistas con expertos. ¿Qué te gustaría explorar?\",\"topic1\":\"Transiciones y cambios de carrera\",\"topic2\":\"Estrategias de negociación salarial\",\"topic3\":\"Construir una marca personal\",\"topic4\":\"Networking y mentoría\"},\"interview\":{\"welcome\":\"¡Practiquemos! Simularé escenarios reales de entrevista basados en lo que las principales empresas buscan. Elige un tipo de rol para comenzar.\"},\"chatInput\":{\"dropHint\":\"Sube tu currículum en PDF o ingresa tu información personal abajo\",\"dropHere\":\"Suelta tu PDF aquí\",\"placeholder\":\"Sube un PDF o ingresa tu información personal...\",\"attachFile\":\"Adjuntar archivo\",\"validationHint\":\"Por favor, sube un PDF o ingresa tu información personal\"},\"uploadSuccess\":{\"analyzeButton\":\"Analizar con el Coach de Lenny\"},\"promotionDialog\":{\"title\":\"DESBLOQUEAR ANÁLISIS COMPLETO\",\"feature1\":\"1,000 créditos gratis diarios\",\"feature2\":\"Optimización y generación de CV con las perspectivas de Lenny\",\"feature3\":\"Conversaciones de orientación profesional con ejecutivos de empresas tecnológicas líderes\",\"feature4\":\"Entrevistas simuladas prácticas con retroalimentación en tiempo real\",\"ctaText\":\"COMENZAR GRATIS →\",\"footerText\":\"Más información sobre YouMind\"},\"footer\":{\"builtWith\":\"Creado con\"}},\"GptImage2Slides\":{\"meta\":{\"title\":\"GPT Image 2 AI Slides | Texto, caras y layouts por fin alineados — YouMind\",\"description\":\"Genera slides con IA usando el nuevo GPT Image 2 de OpenAI dentro de YouMind. 99% de precisión tipográfica, retratos foto-reales a nivel de poro, layouts listos para entregar. Exporta un vídeo narrado con tu propia voz clonada en un clic.\"},\"hero\":{\"title\":\"Diapositivas listas para entregar\\ncon unas pocas frases\",\"subtitle\":\"Pega un artículo, un podcast o una URL de YouTube. GPT Image 2 alinea cada palabra, cada rostro y cada diseño desde el primer intento.\",\"inputPlaceholder\":\"Pega un artículo, un enlace de podcast o una URL de YouTube — o describe directamente la presentación que necesitas\",\"submitCta\":\"Generar\",\"templateSectionTitle\":\"Elige un estilo (opcional)\",\"templateSectionSubtitle\":\"Cada tarjeta es un deck completo. Pasa el ratón para ver las páginas de muestra.\",\"modelSelector\":{\"gptImage2\":{\"label\":\"GPT Image 2\",\"subtitle\":\"99% texto · retratos foto-reales · recomendado\"},\"nanoBananaPro\":{\"label\":\"Nano Banana Pro\",\"subtitle\":\"Narrativas seriadas · anclaje de personaje con 14 refs · infografías densas\"},\"nanoBanana2\":{\"label\":\"Nano Banana 2\",\"subtitle\":\"Mitad de precio · mejor relación calidad-precio\"}},\"chatInput\":{\"attachFile\":\"Adjuntar archivo\",\"removeFile\":\"Eliminar archivo\",\"dropHere\":\"Soltá aquí\",\"helperText\":\"Pega enlaces o arrastra PDF / Markdown / imágenes — hasta 50MB\",\"validationHint\":\"Añade un prompt o adjunta un archivo primero\"},\"defaultPrompt\":\"$29\",\"templatePrompt\":\"$2a\"},\"templates\":{\"placeholder\":\"Vista previa en breve\",\"expandPreview\":\"Abrir vista previa\",\"recommendedBadge\":\"Recomendado\",\"yearEndReport\":{\"title\":\"Informe de fin de año\",\"subtitle\":\"Storytelling con datos\",\"defaultPrompt\":\"Convierte el año que describo en un deck de informe de fin de año — hitos, los números que importaron y un slide de outlook limpio.\"},\"memphisDesign\":{\"title\":\"Memphis Design\",\"subtitle\":\"Retro juguetón\",\"defaultPrompt\":\"Crea un deck sobre el tema que comparto en estilo Memphis — formas atrevidas, paleta de confeti y ritmo editorial juguetón.\"},\"boldVisualBrochure\":{\"title\":\"Bold Visual Brochure\",\"subtitle"])</script><script>self.__next_f.push([1,"\":\"Portadas de revista\",\"defaultPrompt\":\"Convierte mi brief en un folleto visual atrevido — portadas tipo revista, tipografía enorme y una doble página de cierre con tono de pitch.\"},\"kamiDesign\":{\"title\":\"Kami Design\",\"subtitle\":\"Papel recortado editorial\",\"defaultPrompt\":\"Crea un deck en estilo Kami / papel recortado editorial sobre el tema — texturas en capas, paleta tranquila y espacios blancos cuidados.\"},\"vibrantHanddrawn\":{\"title\":\"Dibujado a mano vibrante\",\"subtitle\":\"Joven profesional\",\"defaultPrompt\":\"Crea un deck dibujado a mano y vibrante para un público de jóvenes profesionales — colores punzantes, trazos esbozados y slides que se sientan humanos, no corporativos.\"},\"modernDigital\":{\"title\":\"Modern Digital\",\"subtitle\":\"Producto limpio\",\"defaultPrompt\":\"Crea un deck moderno digital sobre el tema — visuales de producto limpios, callouts de UI y una paleta SaaS serena.\"},\"brutalism\":{\"title\":\"Brutalismo\",\"subtitle\":\"Crudo \u0026 arquitectónico\",\"defaultPrompt\":\"Crea un deck brutalista sobre el tema — grids pesados, acentos monospace, contrastes crudos, cero decoración.\"},\"neuBrutalism\":{\"title\":\"Neu-Brutalism Manifesto\",\"subtitle\":\"Slides de declaración\",\"defaultPrompt\":\"Escribe un deck manifiesto en estilo neo-brutalista sobre el tema — bordes gruesos, tipografía maciza y slides declarativos sin disculpas.\"}},\"templatePreview\":{\"close\":\"Cerrar vista previa\",\"previous\":\"Página anterior\",\"next\":\"Página siguiente\",\"useTemplate\":\"Usar esta plantilla\"},\"why\":{\"sectionTitle\":\"Donde se ve el oficio\",\"bestInClass\":{\"title\":\"Texto, caras, layouts — este modelo clava los tres\",\"body\":\"Texto, retratos, activos de producto, layouts — GPT Image 2 clava las tres cosas más duras de las slides al primer intento, con 99% de tipografía y detalle a nivel de poro.\",\"cta\":\"Probalo ahora\"},\"fromAnything\":{\"title\":\"Un enlace, un artículo, un podcast — un deck entero\",\"body\":\"Soltá un enlace de YouTube, podcast, artículo o PDF. YouMind destila lo clave y renderiza todo el deck en paralelo — basado en tus fuentes reales.\",\"cta\":\"Probalo ahora\"},\"videoExport\":{\"title\":\"Más allá de las slides: vídeo de un clic con tu voz clonada\",\"body\":\"Smart Video convierte el deck en un vídeo terminado — narración IA, subtítulos, BGM, transiciones — más clonación de voz para que suene como tú.\",\"cta\":\"Probalo ahora\"},\"styleConsistency\":{\"title\":\"Estilo consistente, de portada a cierre\",\"body\":\"Cada slide se genera en paralelo y fija un estilo en una sola pasada. Paleta, tipografía, ritmo visual — consistentes de principio a fin.\",\"cta\":\"Probalo ahora\"},\"sectionIntro\":\"Cuatro detalles silenciosos que separan un deck listo a la primera de un borrador que aún tenés que repasar.\"},\"comparison\":{\"sectionTitle\":\"Por qué YouMind\",\"intro\":\"Hay muchas herramientas que dicen hacer 'slides IA'. La fricción aparece al entregar — la consistencia se rompe, el export es solo PDF, o necesitas otra herramienta para la narración. Esta comparación viene de usar las cuatro nosotros.\",\"dimensionLabel\":\"Dimensión\",\"vendors\":{\"youmind\":\"YouMind\",\"gamma\":\"Gamma\",\"manus\":\"Manus\",\"beautifulAi\":\"Beautiful.ai\"},\"rows\":{\"imageModels\":{\"name\":\"Modelos de imagen\",\"youmind\":\"GPT Image 2 / Nano Banana Pro (cambio en un clic)\",\"gamma\":\"Gamma Imagine (propio, 2026-03)\",\"manus\":\"Nano Banana Pro (integración única)\",\"beautifulAi\":\"Stock primero + IA ligera\"},\"aiChatEdit\":{\"name\":\"Edición por chat IA\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"textEdit\":{\"name\":\"Edición de texto por párrafo\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅ (desde 2026-11)\",\"beautifulAi\":\"✅\"},\"sourceInput\":{\"name\":\"Generar desde docs / URLs / KB\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ Outline primero, limitado\"},\"batchGen\":{\"name\":\"Generación de slides por lote\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"autoStyle\":{\"name\":\"El Agent elige el estilo\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ Dirigido por plantilla\"},\"videoExport\":{\"name\":\"Export vídeo na"])</script><script>self.__next_f.push([1,"rrado\",\"youmind\":\"✅ Smart Video\",\"gamma\":\"⚠️ Solo TTS + subtítulos\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"voiceClone\":{\"name\":\"Clonación de voz humana\",\"youmind\":\"✅\",\"gamma\":\"❌\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"skillReuse\":{\"name\":\"Skills reutilizables + Marketplace\",\"youmind\":\"✅ Los creadores ganan credits\",\"gamma\":\"❌\",\"manus\":\"⚠️ Tiene Skills, sin marketplace\",\"beautifulAi\":\"❌\"}},\"verdict\":\"Solo YouMind entrega vídeos narrados con tu propia voz y paga a creadores por Skills reutilizables — con GPT Image 2 y Nano Banana Pro a un clic.\"},\"modelCompare\":{\"sectionTitle\":\"GPT Image 2 vs Nano Banana Pro\",\"intro\":\"Las slides giran en torno al texto, las caras y el layout — para eso el default es GPT Image 2. Nano Banana Pro gana cuando la consistencia del personaje entre páginas o los flujos con muchas referencias importan más que un render de una pasada.\",\"primaryLabel\":\"Modelo principal\",\"alternativeLabel\":\"Alternativa\",\"models\":{\"gptImage2\":\"GPT Image 2\",\"nanoBananaPro\":\"Nano Banana Pro\"},\"rows\":{\"smallText\":{\"name\":\"Texto pequeño / labels UI / iconografía\",\"gptImage2\":\"⭐⭐⭐⭐⭐ lo más estable en pruebas\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"multilingualText\":{\"name\":\"Multilingüe (CJK / hindi / bengalí)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"portraitRealism\":{\"name\":\"Realismo retrato (poros, manos, iluminación)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"productBrand\":{\"name\":\"Activos de producto / marca (logos, materiales, packaging)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"instructionFollowing\":{\"name\":\"Seguir instrucciones / preservar detalles\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"complexLayout\":{\"name\":\"Layouts multi-elemento complejos\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"highResolution\":{\"name\":\"Salida alta resolución + ratios\",\"gptImage2\":\"✅ hasta 3840px, 3:1 → 1:3\",\"nanoBananaPro\":\"✅ 1K / 2K / 4K nativo\"},\"denseInfographicLayout\":{\"name\":\"Infografía densa / layouts editoriales\",\"gptImage2\":\"⭐⭐⭐⭐⭐ ligeramente por delante\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"pureLongText\":{\"name\":\"Precisión de texto largo puro (párrafos, pósters)\",\"gptImage2\":\"⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐\"},\"multiRefConsistency\":{\"name\":\"Anclaje estricto de personaje entre páginas (multi-ref)\",\"gptImage2\":\"⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐ hasta 14 imágenes de referencia\"},\"spatialReasoning\":{\"name\":\"Razonamiento 3D / reflejos / física de luz\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"inpainting\":{\"name\":\"Edición local / inpainting\",\"gptImage2\":\"✅ edición con máscara\",\"nanoBananaPro\":\"✅ edición semántica más fuerte\"}},\"bestFor\":{\"name\":\"Ideal para\",\"gptImage2\":\"Decks batch diarios · visuales de presentación · layouts de marketing · demos UI / producto · activos de campaña multilingüe · portadas retrato · visuales brand / editoriales\",\"nanoBananaPro\":\"Consistencia estricta de personaje · anclaje multi-ref · narrativas seriadas · edición local semántica · flujos con muchas referencias\"},\"verdict\":\"Default GPT Image 2 para la mayoría de decks. Cambia a Nano Banana Pro cuando necesites consistencia estricta de personaje entre slides, narrativas seriadas o edición con muchas referencias.\"},\"steps\":{\"sectionTitle\":\"Tres pasos, de la idea a la slide\",\"intro\":\"La manera profesional de iterar historias visuales.\",\"step1\":{\"title\":\"Introduce tu brief\",\"body\":\"Pega enlaces o texto y elige la dirección visual.\"},\"step2\":{\"title\":\"Mira cómo se renderiza\",\"body\":\"GPT Image 2 construye cada capa con consistencia nativa.\"},\"step3\":{\"title\":\"Exporta al momento\",\"body\":\"Descarga PPTX, PDF en alta resolución o exporta a vídeo.\"}},\"showcase\":{\"sectionTitle\":\"Páginas reales de cada plantilla\",\"intro\":\"Cada plantilla de arriba es un Skill de YouMind real — estas son las slides que produce. Hacé clic en cualquier página para abrirla a tamaño completo.\",\"categories\":{\"realistic\":\"Realista\",\"cyberpunk\":\"Cyberpunk\""])</script><script>self.__next_f.push([1,",\"illustration\":\"Ilustración\",\"gothic\":\"Gótico\"},\"thumbnails\":{\"realistic\":{\"0\":\"Modern Minimal\",\"1\":\"Editorial Bold\",\"2\":\"Swiss Style\",\"3\":\"Tech Deep\"},\"cyberpunk\":{\"0\":\"Neon Grid\",\"1\":\"Glitch Pop\",\"2\":\"Night City\",\"3\":\"Retrowave\"},\"illustration\":{\"0\":\"Historia a lápiz\",\"1\":\"Acuarela\",\"2\":\"Papel recortado\",\"3\":\"Pastel suave\"},\"gothic\":{\"0\":\"Catedral\",\"1\":\"Manuscrito a tinta\",\"2\":\"Victoriano\",\"3\":\"Barroco oscuro\"}},\"previousCategory\":\"Categoría anterior\",\"nextCategory\":\"Categoría siguiente\",\"pageLabel\":\"Página {num}\"},\"faq\":{\"sectionTitle\":\"Preguntas frecuentes\",\"modelChoice\":{\"q\":\"¿Cuándo uso GPT Image 2 vs Nano Banana Pro?\",\"a\":\"Default: GPT Image 2 — va por delante en precisión de texto, realismo retrato, seguimiento de instrucciones y layouts complejos, cubriendo la gran mayoría de casos de slides. Cambia a Nano Banana Pro en dos casos: (a) el deck tiene un personaje / persona / IP de marca recurrente que debe mantenerse estrictamente consistente entre páginas (NBP ancla hasta 14 imágenes de referencia); (b) necesitas edición local / inpainting sobre una imagen existente. El Agent de YouMind también detecta estos casos y sugiere el cambio.\"},\"smartVideoPlan\":{\"q\":\"¿Qué plan incluye Smart Video (export vídeo narrado)?\",\"a\":\"Smart Video es una capacidad core de YouMind, facturada contra el pool de credits de tu plan. Haz clic en \\\"Exportar vídeo\\\" dentro de YouMind para ver el coste en credits del export actual; duración, clonación de voz y render HD afectan al importe. Ver la página de precios para los cupos por plan.\"},\"convertExisting\":{\"q\":\"¿Puedo convertir documentos / artículos / hilos de X existentes en slides?\",\"a\":\"Sí. YouMind acepta de forma nativa Word, PDF, Markdown, enlaces web, hilos de X, enlaces de YouTube y más. Suéltalos en el chat y el Agent los lee y genera el deck directamente — sin transcripción manual.\"},\"skillReuse\":{\"q\":\"¿Qué es un Skill de YouMind y cómo hace los estilos reutilizables?\",\"a\":\"Un Skill es la abstracción de YouMind para flujos IA reutilizables — una vez afinado un estilo de slide (paleta, layout, tono, estilo de imagen), guárdalo como Skill. La siguiente vez aplicas ese Skill en un clic en lugar de reajustar prompts. También puedes publicar Skills en el Skill Marketplace y ganar credits cuando otros los instalen.\"},\"editAndExport\":{\"q\":\"¿Puedo seguir editando las slides generadas? ¿Puedo exportar PPTX?\",\"a\":\"Sí. El texto de cada slide es directamente editable; todo lo demás — imágenes, layout, paleta, tono, incluso estilo — se edita conversando con el Agent, que pasa por el mismo pipeline de generación. Export a PPTX / PDF, o envía el deck a Smart Video.\"},\"templateMarketplace\":{\"q\":\"¿Cómo se hacen las plantillas? ¿Puedo construir las mías y monetizarlas?\",\"a\":\"Cada plantilla de esta página es un Skill de YouMind más un deck de muestra. Cualquier usuario Pro o superior puede guardar un estilo afinado como Skill y publicarlo en el Skill Marketplace — cuando otros lo instalen y usen, ganas credits. Varios creadores ya están ganando miles de credits así.\"}},\"footerCta\":{\"title\":\"¿Listo para hacer un deck que no tengas que repasar?\",\"body\":\"Únete a cientos de miles de profesionales en YouMind. Gratis para empezar.\",\"primaryCta\":\"Prueba YouMind ahora\"},\"promotionDialog\":{\"title\":\"DESBLOQUEA TU PRIMER DECK IA\",\"feature1\":\"1.000 credits gratis al día\",\"feature2\":\"GPT Image 2 — 99% precisión de texto y retratos foto-reales\",\"feature3\":\"Nano Banana Pro para anclaje estricto de personaje entre páginas\",\"feature4\":\"Exporta tu deck a video narrado con un clic — voz en off y subtítulos automáticos\",\"ctaText\":\"EMPEZAR GRATIS →\",\"footerText\":\"Más sobre YouMind\"},\"autoGenerateHint\":\"No me pidas ninguna confirmación. Llama de inmediato a la herramienta de generación de slides para crear la presentación.\",\"linkFetchHint\":\"Antes de continuar, busca y lee el contenido de todos los enlaces de arriba para que la salida se mantenga fiel al material de origen real.\"},\"XViralArticles\":{\"hero\":{\"title\":\"Seguimiento de artículos "])</script><script>self.__next_f.push([1,"\u003chighlight\u003evirales\u003c/highlight\u003e en 𝕏\",\"subtitle\":\"Ranking global de artículos virales en 𝕏 · Análisis con IA · Actualizado a diario\"},\"footerCta\":{\"title\":\"Creado para creadores.\",\"subtitle\":\"Encuentra ideas en artículos virales de 𝕏, descubre por qué funcionaron y convierte esos patrones en tu próximo ángulo de contenido.\",\"primary\":\"Crear con YouMind\",\"secondary\":\"Explore more viral articles\"},\"detail\":{\"breadcrumbLabel\":\"Breadcrumb\",\"backToList\":\"𝕏 Seguimiento de artículos virales\",\"currentArticle\":\"Current article\",\"originallyIn\":\"{language}\",\"published\":\"{relative} · {date}\",\"save\":\"Save\",\"saveSignIn\":\"Save (sign-in required)\",\"summary\":{\"label\":\"TL;DR\"},\"viralReason\":{\"label\":\"Why it went viral · AI analysis\",\"unlock\":\"Sign up free to keep reading\"},\"toggle\":{\"translatedLabel\":\"{language} (translated)\",\"originalLabel\":\"{language} (original)\",\"viewingTranslated\":\"Reading the {language} translation\",\"viewingOriginal\":\"Reading the {language} original\",\"label\":\"Article language versions\"},\"bodyLabel\":\"Article body\",\"bodyMissing\":\"No translation available — switch to the original tab.\",\"viewOriginal\":\"View original\"},\"related\":{\"kicker\":\"More patterns to decode\",\"title\":\"Recent viral articles\",\"viewAll\":\"Explore more viral articles\"},\"meta\":{\"title\":\"Seguimiento de artículos virales en X/Twitter - YouMind\",\"description\":\"YouMind rastrea artículos virales en X/Twitter cada día con rankings, señales de engagement, análisis con IA e ideas para creadores.\",\"detailFallbackTitle\":\"Artículo no encontrado - YouMind\",\"detailTitleSuffix\":\"Seguimiento de artículo viral en X/Twitter - YouMind\",\"detailDescriptionSuffix\":\"YouMind rastrea este artículo viral de X/Twitter con datos de engagement, contexto original y prompts de lectura con IA para creadores.\"},\"masthead\":{\"logo\":\"YOUMIND DAILY\",\"tag\":\"VIRAL · X · DIGEST\"},\"stats\":{\"allTime\":\"All time\",\"currentPage\":\"Current page\",\"totalVolume\":\"Total volume\",\"diversity\":\"Diversity\",\"pageEngagement\":\"Engagement\",\"articles\":\"Articles\",\"languages\":\"Languages\",\"views\":\"Views\"},\"subscribe\":{\"cta\":\"Get the daily digest\"},\"sort\":{\"by\":\"Sort by\",\"time\":\"Time\",\"views\":\"Views\",\"likes\":\"Likes\",\"reposts\":\"Reposts\",\"comments\":\"Comments\",\"bookmarks\":\"Bookmarks\"},\"search\":{\"placeholder\":\"Search\",\"submit\":\"Search\",\"clear\":\"Borrar búsqueda\"},\"engagement\":{\"views\":\"Views\",\"likes\":\"Likes\",\"reposts\":\"Reposts\",\"comments\":\"Comments\",\"bookmarks\":\"Bookmarks\"},\"cta\":{\"eyebrow\":\"AI features\",\"breakdown\":\"Decode virality\",\"remix\":\"Remix in my tone\",\"deepRead\":\"Deep read\"},\"pagination\":{\"label\":\"Pagination\",\"prev\":\"Prev\",\"next\":\"Next\",\"pageLabel\":\"Page\",\"showing\":\"Showing {from}–{to} of {total}\"},\"empty\":{\"title\":\"No articles yet\",\"subtitle\":\"Today's digest is still being compiled. Check back soon.\"},\"promotionDialog\":{\"title\":\"Sign up to decode virality\",\"subtitle\":\"Free with a YouMind account\",\"feature1\":\"1.000 créditos al día\",\"feature2\":\"AI breakdowns of any viral X article\",\"feature3\":\"Convierte un enlace largo en \u003cslidesLink\u003ediapositivas listas para entregar\u003c/slidesLink\u003e\",\"feature4\":\"Elige las fuentes, la IA genera un borrador estructurado — listo con pequeños ajustes\",\"cta\":\"Sign up free →\",\"footer\":\"Descubre nuestras ilustraciones 😉\"},\"skillConfig\":{\"title\":\"Configure AI feature\",\"eyebrow\":\"Custom skill binding\",\"heading\":{\"breakdown\":\"Bind your decoder skill\",\"tone-remix\":\"Bind your remix skill\",\"deep-read\":\"Vincula tu skill de lectura profunda\"},\"subtitle\":\"Paste a YouMind skill link or ID to use your own skill for this CTA. We'll only accept a skill that belongs to you. Leave empty to keep the default.\",\"inputLabel\":\"Skill link or ID\",\"inputPlaceholder\":\"https://youmind.com/skills/...\",\"useMine\":\"Use my skill →\",\"useDefault\":\"Use default skill →\",\"errorNotFound\":\"Skill not found, or it doesn't belong to you\",\"close\":\"Close\"},\"weeklyFeatured\":{\"eyebrow\":\"Destacado semanal\",\"cta\":\"Leer destacado\"},\"dailyTop\":{\"title\":\"Top 3 recientes\",\"subtitle\":\"Recientes · Más vistos\"},\"weeklyTop\":{\"title\":\"Top 9 de la semana\",\"subtitle\":\"Últimos 7 días · Más vist"])</script><script>self.__next_f.push([1,"os\"},\"allArticles\":{\"title\":\"Todos los artículos\",\"subtitle\":\"{count} artículos en total\"},\"explore\":{\"title\":\"Explorar artículos virales\",\"subtitle\":\"Explora, ordena y busca en el resumen diario completo\",\"metaTitle\":\"Explora artículos virales de X/Twitter - YouMind\",\"metaDescription\":\"Explora, ordena y busca el resumen diario de YouMind sobre artículos virales de X/Twitter con métricas de interacción y análisis de IA.\",\"breadcrumb\":\"Explorar\"}}},\"GPTImage2Prompts\":{\"page\":{\"title\":\"Prompts GPT Image 2 {year}|{promptCount}+ plantillas y ejemplos para imágenes IA - YouMind\",\"description\":\"Explora más de {promptCount}+ plantillas y ejemplos reales de prompts para GPT Image 2: texto en imágenes, ilustración comercial, productos, pósters y visuales para redes sociales.\",\"headerTitle\":\"GPT Image 2\",\"headerPrompts\":\"Prompts\",\"headerDescription\":\"Una colección curada de prompts de primer nivel para {brand}.\",\"headerTagline\":\"Texto píxel perfecto. Calidad comercial.\",\"freshPrompts\":\"Prompts\",\"total\":\"TOTAL\",\"updating\":\"ACTUALIZANDO\",\"dailyUpdateText\":\"Actualizado cada día\",\"submitPrompt\":\"Enviar prompt\",\"ogImageAlt\":\"GPT Image 2 prompts\"},\"searchBar\":{\"placeholder\":\"Buscar prompts/títulos/descripciones/autores...\",\"filterAll\":\"todos\",\"filterVideo\":\"video\",\"filterImage\":\"imagen\",\"promoQuestion\":\"¿Qué prompts estás buscando?\",\"promoDescription\":\"Puedo hacer coincidir prompts de forma inteligente según tus necesidades.\",\"promoPrompt\":\"Llama a la herramienta find-prompt. Recomiéndame algunos prompts de imagen de GPT Image 2. Pregúntame primero por mis necesidades específicas.\",\"modelSlug\":\"gpt-image-2\",\"searchModePrompt\":\"Prompts\",\"searchModeAuthor\":\"Autor\",\"placeholderPrompt\":\"Buscar prompts...\",\"placeholderAuthor\":\"Buscar autores...\",\"promoLabel\":\"Una Mejor Opción\",\"promoTitle\":\"Agent Habilidad te ayuda a buscar de forma inteligente\",\"promoButton\":\"Pruébalo\"},\"categories\":{\"all\":\"TODOS\"},\"promptCard\":{\"tabPrompt\":\"Prompt\",\"tabOriginal\":\"Original\",\"by\":\"POR\",\"promptHeader\":\"Prompt\",\"translateButton\":\"Traducir\",\"beforeTranslation\":\"Original\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"Mostrar original\",\"showTranslation\":\"Mostrar traducción\",\"copy\":\"COPIAR\",\"copied\":\"COPIADO\",\"share\":\"Compartir\",\"linkCopied\":\"Enlace copiado\",\"tryItNow\":\"Pruébalo ahora\",\"installOnYouMind\":\"Instalar en YouMind\",\"aiShortcut\":\"Acceso directo de IA\",\"install\":\"Instalar\",\"aiSkill\":\"AI Habilidad\",\"tryInYouMind\":\"Probar en YouMind\",\"tryIt\":\"Probar\",\"featured\":\"Destacado\",\"save\":\"Guardar\",\"savePromptTitle\":\"Guardar prompt\",\"savePromptSubtitle\":\"Acceder en cualquier momento y lugar\",\"savingPrompt\":\"Guardando...\",\"referenceImages\":\"Imágenes de referencia\",\"viewOtherModelResults\":\"Ver resultados de otros modelos\",\"viewFullPrompt\":\"Ver prompt completo\"},\"faq\":{\"title\":\"Preguntas Comunes\",\"q0\":\"¿Qué es GPT Image 2?\",\"a0\":\"GPT Image 2 es el modelo de imagen de próxima generación de OpenAI (nombre en clave \\\"duct-tape\\\"). Ofrece renderizado de texto píxel perfecto en múltiples idiomas, consistencia de personajes impecable y calidad de ilustración comercial.\",\"q1\":\"¿De dónde vienen estos atajos?\",\"a1\":\"Se seleccionan principalmente de fuentes públicas de Twitter/𝕏. Si eres el autor y no deseas que se muestre aquí, contáctanos y lo retiraremos de inmediato.\",\"q2\":\"¿Cómo uso estos prompts?\",\"a2\":\"Actualmente necesitas copiar el prompt y, siguiendo la descripción del prompt, usarlo en YouMind seleccionando el modelo de generación de imágenes GPT Image 2. En el futuro se integrará mejor en las funciones de YouMind para uso con un solo clic.\",\"q3\":\"¿Qué es un Atajo de IA?\",\"a3\":\"Consolida tus mejores prácticas de creación de contenido y aprendizaje en YouMind Shortcuts, y podrás generar con un solo clic basándote en los materiales que recopiles y los borradores que escribas. Por ejemplo, generar un artículo de blog desde un video de YouTube guardado, o extraer citas clave del contenido de un blog.\",\"q4\":\"¿Hay más casos de uso?\",\"a4\":\"Puedes ver más casos seleccionados de GPT Image 2 en este "])</script><script>self.__next_f.push([1,"artículo de blog: \u003clink\u003e{title}\u003c/link\u003e.\"},\"blogCard\":{\"tab\":\"BLOG\",\"cta\":\"EXPLORAR MÁS CASOS\"},\"slidesPromoCard\":{\"title\":\"Crea diapositivas de alta calidad con unas frases\",\"description\":\"Crea presentaciones PPT con GPT Image 2 y exporta videos explicativos con subtítulos en un clic\",\"cta\":\"Probar ahora\",\"ariaLabel\":\"Abrir la landing de GPT Image 2 Slides\",\"imageAlt\":\"Portada de la página GPT Image 2 Slides\"},\"imageCarousel\":{\"preview\":\"VISTA PREVIA\",\"previewImage\":\"Vista previa de imagen\",\"goToSlide\":\"Ir a la diapositiva {index}\"},\"emptyState\":{\"noPromptsFound\":\"No se encontraron prompts\",\"trySearchingElse\":\"INTENTA BUSCAR ALGO MÁS\",\"tryTheseShortcuts\":\"Prueba estos atajos de IA en su lugar\",\"discoverFeaturedTools\":\"Descubre herramientas destacadas que pueden ayudarte a generar contenido increíble.\",\"viewAllShortcuts\":\"Ver todos los atajos\",\"tryTheseSkills\":\"Prueba estas habilidades de IA en su lugar\",\"viewAllSkills\":\"Ver todas las habilidades\"},\"footerCTA\":{\"readyToCreate\":\"¿Listo para crear con\",\"nanoBanana\":\"GPT Image 2?\",\"experiencePower\":\"Experimenta el texto píxel perfecto y la calidad comercial de GPT Image 2\",\"freeLimitedTime\":\"DEJA VOLAR TU IMAGINACIÓN\",\"startGenerating\":\"Comenzar a generar\"},\"tweetModal\":{\"loadingTweet\":\"CARGANDO TWEET...\"},\"loadMore\":{\"loading\":\"Cargando más...\",\"viewAll\":\"Ver todos los prompts\"},\"generator\":{\"placeholder\":\"Describe la imagen que quieres generar... (ej. una ciudad cyberpunk por la noche)\",\"generate\":\"Generar\",\"clearPrompt\":\"Limpiar prompt\",\"exitParamMode\":\"Salir del modo parámetros\",\"randomPrompt\":\"Prompt aleatorio\",\"random\":\"Aleatorio\",\"image\":\"Imagen\",\"uploadImage\":\"Subir imagen de referencia\",\"uploadingImages\":\"Subiendo imágenes...\",\"uploadFailed\":\"Error al subir la imagen, por favor inténtalo de nuevo\",\"pleaseUploadReferenceImages\":\"Este prompt requiere imágenes de referencia, por favor añade imágenes primero\",\"aspectRatio\":{\"auto\":\"Auto\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"Configuración\",\"aspectRatioLabel\":\"Relación de aspecto\"},\"common\":{\"openSourceLink\":\"Abrir enlace fuente\",\"editInCMS\":\"Editar en CMS\"},\"loginPromotionDialog\":{\"title\":\"Inicia sesión para usar gratis\",\"subtitle\":\"Experimenta las poderosas capacidades de GPT Image 2\",\"benefit1\":\"{credits} créditos diarios\",\"benefit2\":\"Compatible con GPT Image 2, Gemini 3.0 Pro, Claude Sonnet 4.5 y más modelos\",\"benefit3\":\"Selecciona materiales, la IA genera borradores estructurados al instante, edita unas frases y publica\",\"benefit4\":\"Anota videos / podcasts / artículos sobre la marcha, la IA genera notas y resúmenes con un clic\",\"benefit5\":\"Unas frases y un enlace crean \u003cslides\u003ediapositivas listas para entregar\u003c/slides\u003e\",\"loginButton\":\"Iniciar sesión ahora\",\"loginRequired\":\"Inicio de sesión requerido\",\"close\":\"Cerrar\",\"footerText\":\"Disfruta de las hermosas ilustraciones en nuestro sitio web 😉\"},\"preRelease\":{\"dialogTitle\":\"GPT Image 2 aún no se ha lanzado\",\"promptPrefix\":\"GPT Image 2 aún no se ha lanzado oficialmente. Por favor, avísale al usuario de que YouMind agregará soporte en cuanto se publique. A continuación está el prompt que el usuario quiere probar — por favor, genéralo usando Nano Banana 2.\\n\\nPrompt:\\n\"}},\"PromptsHub\":{\"shared\":{\"prompts\":\"Instrucciones\",\"packs\":\"Colecciones\",\"promptSuffix\":\"Instrucción\",\"viewPrompts\":\"Ver prompts\",\"viewAllPrompts\":\"Ver los {count} prompts\",\"promptsCount\":\"{count} instrucciones\",\"modelCount\":\"{count} MODELOS\",\"media\":{\"image\":\"Imagen\",\"video\":\"Vídeo\",\"webpage\":\"Página web\",\"web\":\"Página web\"},\"badge\":{\"preRelease\":\"Prelanzamiento\",\"earlyAccess\":\"Acceso anticipado\"},\"copyPrompt\":\"Copiar prompt\",\"copied\":\"Copiado\",\"videoPromptAlt\":\"Prompt de video\",\"aiPromptAlt\":\"Prompt de IA\",\"weeklyTopLabel\":\"Destacado semanal\",\"mediaLabels\":{\"imageEyebrow\":\"Prompt de imagen\",\"videoEyebrow\":\"Prompt de video\",\"webpageEyebrow\":\"Página web\"}},\"home\":{\"metaTitle\":\"PROMPTS IA BIBLIOTECA - YouMind\",\"metaDescription\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web. Seguimos de cerca los modelos"])</script><script>self.__next_f.push([1," más recientes, con nuevos prompts cada día.\",\"eyebrow\":\"{promptCount} prompts · actualizado a diario · 100% gratis\",\"heroTitleLine1\":\"PROMPTS IA\",\"heroTitleLine2\":\"BIBLIOTECA\",\"heroSubtitle\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web. Seguimos de cerca los modelos más recientes, con nuevos prompts cada día.\",\"weeklyHighlightsHeading\":\"🔥 Lo más popular de la semana\",\"weeklyHighlightsSubheading\":\"Los prompts creativos más influyentes de los últimos siete días.\",\"browseByMedia\":\"Explorar por medio\",\"browseByModel\":\"Explorar por modelo\",\"footerCta\":{\"title\":\"Creado para creadores. Gratis para siempre.\",\"subtitle\":\"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.\",\"primary\":\"Crear con YouMind\",\"secondary\":\"Explorar más prompts\"},\"keywords\":{\"aiPrompts\":\"prompts de IA\",\"freeAiPrompts\":\"prompts de IA gratis\",\"aiImagePrompts\":\"prompts de imagen con IA\",\"aiVideoPrompts\":\"prompts de video con IA\",\"webpagePrompts\":\"prompts de páginas web\"},\"jsonLd\":{\"collectionName\":\"Biblioteca de prompts de IA\",\"weeklyHighlightsName\":\"Destacados semanales de prompts de IA\"},\"promptsPacksEyebrow\":\"COLLECTIONS\",\"promptsPacksHeading\":\"Curated Prompt Packs\",\"promptsPacksSubheading\":\"Ready-made prompt collections for one creative direction.\"},\"media\":{\"image\":{\"metaTitle\":\"Imagen AI prompts - YouMind\",\"metaDescription\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"label\":\"Imagen\",\"eyebrow\":\"PROMPTS DE IMAGEN · ACTUALIZADO A DIARIO · 100% GRATIS\",\"heroTitleLine1\":\"IMAGEN\",\"heroTitleLine2\":\"INSTRUCCIONES\",\"heroSubtitle\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"topHighlightsHeading\":\"🔥 Lo más popular de la semana\",\"jsonLdCollectionName\":\"Prompts de imagen con IA\",\"jsonLdItemListName\":\"Destacados semanales de prompts de imagen\"},\"video\":{\"metaTitle\":\"Video AI prompts - YouMind\",\"metaDescription\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"label\":\"Vídeo\",\"eyebrow\":\"PROMPTS DE VIDEO · ACTUALIZADO A DIARIO · 100% GRATIS\",\"heroTitleLine1\":\"VÍDEO\",\"heroTitleLine2\":\"INSTRUCCIONES\",\"heroSubtitle\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"topHighlightsHeading\":\"🔥 Lo más popular de la semana\",\"jsonLdCollectionName\":\"Prompts de video con IA\",\"jsonLdItemListName\":\"Destacados semanales de prompts de video\"},\"web\":{\"metaTitle\":\"Página web AI prompts - YouMind\",\"metaDescription\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"label\":\"Página web\",\"eyebrow\":\"PROMPTS DE PÁGINAS WEB · COLECCIÓN CURADA · 100% GRATIS\",\"heroTitleLine1\":\"PÁGINA WEB\",\"heroTitleLine2\":\"INSTRUCCIONES\",\"heroSubtitle\":\"La mayor biblioteca gratuita de prompts de IA para imagen, video y páginas web — de GPT Image 2 a Seedance 2.0. Nuevos prompts cada día.\",\"topHighlightsHeading\":\"Prompts populares de páginas web\",\"jsonLdCollectionName\":\"Prompts de páginas web con IA\",\"jsonLdItemListName\":\"Prompts populares de páginas web\"}},\"detail\":{\"promptLabel\":\"Instrucción\",\"translationLabel\":\"Traducción\",\"copy\":\"Copiar prompt\",\"copied\":\"Copiado\",\"copyToast\":\"Prompt copiado al portapapeles\",\"referenceImages\":\"Imágenes de referencia\",\"published\":\"Publicado\",\"originalLanguage\":\"Idioma original\",\"categories\":\"Categorías\",\"viewOriginal\":\"Ver original\",\"useThisPrompt\":\"Usar este prompt\",\"useToGenerateVideo\":\"Generar video gratis\",\"useToGenerateWebpage\":\"Generar página web gratis\",\"moreFromModel\":\"Más de {model}\",\"stats\":{\"likes\":\"Me gusta\",\"views\":\"Vistas\",\"shares\":\"Compartidos\",\"comments\":\"Comentarios\",\"bookmarks\":\"Guardados\",\"quotes\":\"Ci"])</script><script>self.__next_f.push([1,"tas\"},\"jsonLdGenre\":\"Prompt de IA\",\"anonymousAuthor\":\"Anónimo\",\"beforeTranslation\":\"Antes de traducir\",\"useToGenerateImage\":\"Generar imagen gratis\",\"guidePromptIntro\":\"Usa el modelo {model} para generar {media}. Prompt:\",\"mediaTypes\":{\"image\":\"una imagen\",\"video\":\"un video\",\"webpage\":\"una página web\"},\"share\":{\"label\":\"Compartir\",\"copyLink\":\"Copiar enlace\",\"linkCopied\":\"Enlace copiado\",\"shareOnTwitter\":\"Compartir en X\",\"shareOnLinkedIn\":\"Compartir en LinkedIn\",\"shareOnThreads\":\"Compartir en Threads\",\"shareOnWhatsApp\":\"Compartir por WhatsApp\",\"text\":\"Encontré un AI prompt buenísimo: «{title}». Este sitio tiene miles de prompts de imagen y video gratis 👇\"}},\"seo\":{\"mediaPromptsKeyword\":\"prompts de {media}\",\"freeMediaPromptsKeyword\":\"prompts gratis de {media}\",\"aiPromptsKeyword\":\"prompts de IA\",\"promptDetailDescription\":\"{title} — un prompt de IA curado para {useCase}, impulsado por {modelName}. Copia, pega y crea. Gratis con YouMind.\",\"videoPromptDetailDescription\":\"{title} — un prompt de video con IA curado para {useCase}, impulsado por {modelName}. Copia, pega y crea. Gratis con YouMind.\",\"modelPromptKeyword\":\"prompt de {modelName}\",\"useCasePromptKeyword\":\"prompt de {useCase}\",\"mediaPromptKeyword\":\"prompt de {media}\",\"aiPromptKeyword\":\"prompt de IA\",\"modelVideoPromptKeyword\":\"prompt de video de {modelName}\",\"useCaseVideoPromptKeyword\":\"prompt de video de {useCase}\",\"aiVideoPromptKeyword\":\"prompt de video con IA\"},\"pack\":{\"eyebrow\":\"Prompt Pack\",\"breadcrumb\":\"Packs\",\"viewPack\":\"View pack\",\"coverAlt\":\"Prompt pack preview\",\"metaTitle\":\"{title} - AI Prompt Pack - YouMind\",\"metaDescription\":\"Explore {title}, a curated AI prompt pack from YouMind.\",\"includedPrompts\":\"Included prompts\",\"updated\":\"Updated\",\"contentTitle\":\"About this pack\",\"promptList\":\"Prompts in this pack\",\"openDetail\":\"View details\",\"empty\":\"No prompts in this pack yet.\",\"curatedBy\":\"Seleccionado por el equipo de YouMind\",\"featuredReasonTitle\":\"Motivo destacado\",\"relatedPacksTitle\":\"Más packs\",\"shareText\":\"Encontré un pack de AI prompts buenísimo: «{title}». Este sitio tiene miles de prompts de imagen y video gratis 👇\"},\"aiSearchCta\":{\"title\":\"Búsqueda de prompts con IA\",\"description\":\"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.\",\"cta\":\"Probar gratis\",\"autoPrompt\":\"Buscame los prompts de GPT Image 2 con más guardados de los últimos 3 días.\"}},\"GiftRedeem\":{\"cardAlt\":\"YouMind gift card\",\"loading\":\"Loading…\",\"notFoundTitle\":\"Gift not found\",\"notFoundDescription\":\"This gift link may be invalid or expired. If you believe this is a mistake, please contact support.\",\"unavailableTitle\":\"Gift unavailable\",\"unavailableFallback\":\"This gift is not available for redemption.\",\"unavailableRedeemed\":\"This gift has already been redeemed.\",\"unavailableExpiredRefunded\":\"This gift expired and was refunded to the sender.\",\"unavailableExpiredRefundFailed\":\"This gift has expired. Please contact support for assistance.\",\"unavailableDisputed\":\"This gift is unavailable. Please contact support for assistance.\",\"unavailableRevoked\":\"This gift has been revoked. Please contact support for assistance.\",\"unavailableRefundInProgress\":\"This gift is expiring. Please contact support for assistance.\",\"heading\":\"You've received a gift\",\"summary\":\"{months} of YouMind {tier}\",\"expiryNotice\":\"Redeem expires on {date}. Sign in with the email this gift was sent to in order to redeem.\",\"redeeming\":\"Redeeming…\",\"redeemButton\":\"Redeem your gift\",\"signInToRedeem\":\"Sign in to redeem\",\"errorCouldNotRedeem\":\"Could not redeem gift\",\"months\":{\"1month\":\"1 month\",\"3months\":\"3 months\",\"6months\":\"6 months\",\"1year\":\"1 year\"},\"unavailableExpired\":\"Este regalo ha caducado. Contacta con quien te lo envió.\",\"creditPackHeading\":\"Has recibido créditos\",\"creditPackSummary\":\"{quantity} × 10.000 créditos · {credits} créditos en total\"}},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L2b\"}]\n2b:[\"$\",\"$L2c\",null,{\"locale\":\"es-419\",\"children\":[\"$\",\"$L2d\",null,{\"childre"])</script><script>self.__next_f.push([1,"n\":[[\"$\",\"$L2e\",null,{}],[\"$\",\"$19\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2f\",null,{}]}],[\"$\",\"$L30\",null,{}],[\"$\",\"$L31\",null,{}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L32\",null,{}],[\"$\",\"$L33\",null,{\"level\":\"universal\"}]]}]}]\n1d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}]]\n34:I[556857,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0p3dbp8j9y97a.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/0t3gtsd9-0j3f.js\",\"/_next/static/chunks/0d1_uw5v_tw9a.js\",\"/_next/static/chunks/0verrm-.xcl_t.js\"],\"Footer\"]\n21:[\"$\",\"$L34\",null,{\"forceLight\":true,\"footerLandings\":[{\"title\":\"Lenny Career Coach\",\"slug\":\"lenny-career-coach\"}],\"labels\":{\"prompts\":\"Prompts\",\"nanoBananaPrompts\":\"Instrucciones de Nano Banana Pro\",\"gptImage2Prompts\":\"Instrucciones de GPT Image 2\",\"seedance20Prompts\":\"Instrucciones de Seedance 2.0\",\"gptImage1_5Prompts\":\"Instrucciones de GPT Image 1.5\",\"seedream4_5Prompts\":\"Instrucciones de Seedream 4.5\",\"gemini3Prompts\":\"Instrucciones de Gemini 3 Pro\",\"aiTools\":\"Herramientas IA\",\"gptImage2Slides\":\"Presentaciones de GPT Image 2\",\"xViralArticlesTracking\":\"Seguimiento de artículos virales en 𝕏\",\"nanoBanana2VsPro\":\"Nano Banana 2 vs. Pro\",\"blog\":\"Blog\",\"notebooklmAlternatives\":\"Alternativas a NotebookLM\",\"product\":\"Producto\",\"useCases\":\"Casos de uso\",\"pricing\":\"Precios\",\"company\":\"Empresa\",\"contactUs\":\"Contáctanos\",\"privacy\":\"Política de privacidad\",\"terms\":\"Términos y condiciones\"}}]\n1a:null\n1f:[[\"$\",\"title\",\"0\",{\"children\":\"Presentación editorial-revista - Habilidad de YouMind\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Genera presentaciones PPT web con efecto de paso de página horizontal al estilo de una \\\"revista electrónica × tinta electrónica\\\", con fondos fluidos WebGL, títulos con serifa, cuadrículas de imágenes y mucho más, lo que te ayudará a crear fácilmente presentaciones profesionales y sesiones para compartir información.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"YouMind\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://youmind.com/es-419/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"en-US\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-CN\",\"href\":\"https://youmind.com/zh-CN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-TW\",\"href\":\"https://youmind.com/zh-TW/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"ja-JP\",\"href\":\"https://youmind.com/ja-JP/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"ko-KR\",\"href\":\"https://youmind.com/ko-KR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"th-TH\",\"href\":\"https://youmind.com/th-TH/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alt"])</script><script>self.__next_f.push([1,"ernate\",\"hrefLang\":\"vi-VN\",\"href\":\"https://youmind.com/vi-VN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"hi-IN\",\"href\":\"https://youmind.com/hi-IN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"es-ES\",\"href\":\"https://youmind.com/es-ES/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://youmind.com/es-419/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"de-DE\",\"href\":\"https://youmind.com/de-DE/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"16\",{\"rel\":\"alternate\",\"hrefLang\":\"fr-FR\",\"href\":\"https://youmind.com/fr-FR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"17\",{\"rel\":\"alternate\",\"hrefLang\":\"it-IT\",\"href\":\"https://youmind.com/it-IT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"18\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-BR\",\"href\":\"https://youmind.com/pt-BR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"19\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-PT\",\"href\":\"https://youmind.com/pt-PT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"20\",{\"rel\":\"alternate\",\"hrefLang\":\"tr-TR\",\"href\":\"https://youmind.com/tr-TR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"21\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:title\",\"content\":\"Presentación editorial-revista - Habilidad de YouMind\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:description\",\"content\":\"Genera presentaciones PPT web con efecto de paso de página horizontal al estilo de una \\\"revista electrónica × tinta electrónica\\\", con fondos fluidos WebGL, títulos con serifa, cuadrículas de imágenes y mucho más, lo que te ayudará a crear fácilmente presentaciones profesionales y sesiones para compartir información.\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Presentación editorial-revista - Habilidad de YouMind\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"Genera presentaciones PPT web con efecto de paso de página horizontal al estilo de una \\\"revista electrónica × tinta electrónica\\\", con fondos fluidos WebGL, títulos con serifa, cuadrículas de imágenes y mucho más, lo que te ayudará a crear fácilmente presentaciones profesionales y sesiones para compartir información.\"}],\"$L35\",\"$L36\",\"$L37\"]\n38:I[938307,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"IconMark\"]\n35:[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}]\n36:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/static/assets/favicon.ico\"}]\n37:[\"$\",\"$L38\",\"30\",{}]\n39:I[6970,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0p3dbp8j9y97a.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/0t3gtsd9-0j3f.js\",\"/_next/static/chunks/0d1_uw5v_tw9a.js\",\"/_next/static/chunks/0verrm-.xcl_t.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_nex"])</script><script>self.__next_f.push([1,"t/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"/_next/static/chunks/0fdbfse85804z.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0cs7x13.w5pk-.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0x8io4v1r7oqm.js\"],\"BackButton\"]\n3a:I[9331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-~yqpgk49k_n.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/0h-j4nghmh5ba.js\",\"/_next/static/chunks/0ndxis0j4j~l6.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/062w.ac2hau1p.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0p3dbp8j9y97a.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/0t3gtsd9-0j3f.js\",\"/_next/static/chunks/0d1_uw5v_tw9a.js\",\"/_next/static/chunks/0verrm-.xcl_t.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"/_next/static/chunks/0fdbfse85804z.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0cs7x13.w5pk-.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0x8io4v1r7oqm.js\"],\"SkillDetailContent\"]\n3b:T732,\u003cp\u003e记住一定要使用 Webpage 来生成,必须询问用户用什么语言输出。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成\u0026quot;电子杂志 × 电子墨水\u0026quot;风格的横向翻页网页 PPT(单 HTML 文件),含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到\u0026quot;杂志风 PPT\u0026quot;、\u0026quot;horizontal swipe deck\u0026quot;、\u0026quot;editorial magazine\u0026quot;、\u0026quot;e-ink presentation\u0026quot;时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e# Magazine Web Ppt\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 这个 Skill 做什么\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成一份**单文件 HTML**的横向翻页 PPT,视觉基调是:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **电子杂志 + 电子墨水**混血风格\u003c/p\u003e\u003cp\u003e- **WebGL 流体 / 等高线 / 色散背景**(hero 页可见)\u003c/p\u003e\u003cp\u003e- **衬线标题(Noto Serif SC + Playfair Display)+ 非衬线正文(Noto Sans SC + Inter)+ 等宽元数据(IBM Plex Mono)**\u003c/p\u003e\u003cp\u003e- **Lucide 线性图标**(不用 emoji)\u003c/p\u003e\u003cp\u003e- **横向左右翻页**(键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引)\u003c/p\u003e\u003cp\u003e- **主题平滑插值**:翻到 hero 页时颜色和 shader 柔顺过渡\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e这个 skill 的美学不是\u0026quot;商务 PPT\u0026quot;,也不是\u0026quot;消费互联网 UI\u0026quot;——它像 *Monocle* 杂志贴上了代码后的样子。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 何时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**合适的场景**:\u003c/p\u003e\u003cp\u003e- 线下分享 / 行业内部讲话 / 私享会\u003c/p\u003e\u003cp\u003e- AI 新产品发布 / demo day\u003c/p\u003e\u003cp\u003e- 带有强烈个人风格的演讲\u003c/p\u003e\u003cp\u003e- 需要\u0026quot;一次做完,不用翻页工具\u0026quot;的网页版 slides\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不合适的场景**:\u003c/p\u003e\u003cp\u003e- 大段表格数据、图表叠加(用常规 PPT)\u003c/p\u003e\u003cp\u003e- 培训课件(信息密度不够)\u003c/p\u003e\u003cp\u003e- 需要多人协作编辑(这是静态 HTML)\u003c/p\u003e3c:T9f0,\u003cp\u003eRecuerda utilizar una página web para generar el resultado y debes preguntar al usuario qué idioma desea utilizar.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Genera presentaciones web tipo PPT (archivo HTML único) con formato horizontal, al estilo de una revista electrónica o una pantalla táctil, incluyendo plantillas como fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, ba"])</script><script>self.__next_f.push([1,"nners de datos grandes y cuadrículas de imágenes. Úsalas cuando necesites crear presentaciones web para compartir, presentaciones o eventos de lanzamiento, o cuando te refieras a \"presentaciones tipo revista\", \"presentaciones horizontales\", \"revistas editoriales\" o \"presentaciones de pantalla táctil\".\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e # Presentación web de revistas\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## ¿Qué hace esta habilidad?\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Generar un archivo HTML único con formato de presentación de diapositivas horizontal. El estilo visual es:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - Un estilo híbrido que combina revista electrónica y tinta electrónica.\u003c/p\u003e\u003cp\u003e - **Fondo fluido/contorno/dispersión WebGL** (Ver página principal)\u003c/p\u003e\u003cp\u003e - **Encabezados con serifa (Noto Serif SC + Playfair Display) + Texto del cuerpo sin serifa (Noto Sans SC + Inter) + Metadatos monoespaciados (IBM Plex Mono)**\u003c/p\u003e\u003cp\u003e - **Iconos lineales lúcidos** (No se requieren emojis)\u003c/p\u003e\u003cp\u003e - **Paso de página horizontal (izquierda y derecha en el teclado, rueda de desplazamiento, deslizamiento en la pantalla táctil, punto inferior, tecla ESC)**\u003c/p\u003e\u003cp\u003e - **Interpolación fluida del tema**: Los colores y los sombreadores cambian de forma fluida al navegar a la página principal.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e La estética de esta habilidad no es ni \"PowerPoint empresarial\" ni \"interfaz de usuario de internet para el consumidor\"; es como la revista *Monocle* con código pegado.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Cuándo usar\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Escenarios adecuados:**\u003c/p\u003e\u003cp\u003e - Sesiones de intercambio presenciales / Charlas del sector / Reuniones privadas\u003c/p\u003e\u003cp\u003e - Día de lanzamiento/demostración de nuevos productos de IA\u003c/p\u003e\u003cp\u003e - Un discurso con un fuerte estilo personal\u003c/p\u003e\u003cp\u003e - Necesito una versión web de las diapositivas que se pueda completar de una sola vez sin necesidad de pasar las páginas.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Escenarios inapropiados:**\u003c/p\u003e\u003cp\u003e - Grandes secciones de datos de tablas y gráficos superpuestos (utilizando presentaciones estándar de PowerPoint)\u003c/p\u003e\u003cp\u003e - Materiales de capacitación (densidad de información insuficiente)\u003c/p\u003e\u003cp\u003e - Requiere edición colaborativa por parte de varias personas (es HTML estático).\u003c/p\u003e3d:T2855,### Step 1 · 需求澄清(**动手前必做**)\n\n**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\n\n**如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\n\n#### 6 问澄清清单\n\n| # | 问题 | 为什么要问 |\n|---|------|-----------|\n| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\n| 2 | **分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\n| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\n| 4 | **有没有图片?放在哪?** | 详见下方\"图片约定\" |\n| 5 | **想要哪套主题色?** | 见 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,5 套预设挑一 |\n| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\n\n#### 大纲协助(如果用户没有大纲)\n\n用\"叙事弧\"模板搭骨架,再填内容:\n\n```\n钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\n定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\n主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\n转折(Shift) → 1 页 : 打破预期 / 提出新观点\n收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\n```\n\n叙事弧 + 页数规划 + 主题节奏表(见 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ),**三张表对齐后**再进 Step 2。\n\n大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\n\n#### 图片约定(告知用户)\n\n在动手前向用户说清:\n\n- **"])</script><script>self.__next_f.push([1,"图片位置**: 是 board 中的哪张图片,或者是上传的哪张图片\n- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果\n\n### Step 2 · 参考模板\n\n@[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好,只有 `\u003cmain id=\"deck\"\u003e` 里面是 3 个示例 slide(封面、章节幕封、空白填充页)\n\n#### 2.1 · 必改占位符(**容易漏**)\n\n拷贝后立刻改掉以下占位符,否则浏览器 Tab 会显示\"[必填] 替换为 PPT 标题\"这种尴尬文字:\n\n| 位置 | 原始 | 需改为 |\n|------|------|--------|\n| `\u003ctitle\u003e` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\n\n#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\n\n本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\n\n| # | 主题 | 适合 |\n|---|------|------|\n| 1 | 🖋 墨水经典 | 通用 / 商业发布 / 不知道选啥的默认 |\n| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\n| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\n| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\n| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\n\n**操作**:\n1. 基于内容主题推荐一套,或直接问用户选哪一套\n2. 打开 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,找到对应主题的 `:root` 块\n3. **整体替换** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 开头 `:root{` 块里标有\"主题色\"注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\n4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\n\n**硬规则**:\n- 一份 deck 只用一套主题,不要中途换色\n- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\n- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\n\n### Step 3 · 填充内容\n\n#### 3.0 · 预检:类名必须在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 里有定义(**最重要**)\n\n**这是所有生成问题的源头**。 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u003cstyle\u003e` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\n\n**在写任何 slide 代码之前:**\n\n1. **先 Read @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) **(至少读到 `\u003cstyle\u003e` 块末尾)\n2. **对照 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的 Pre-flight 列表**,确认你要用的每个类都在 `\u003cstyle\u003e` 里存在\n3. 如果某个类缺失:**在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 的 `\u003cstyle\u003e` 里补上**,不要在每个 slide 里 inline 重写\n4. ** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\"...\"` inline\n\n常见容易遗漏的类(必须预先确认"])</script><script>self.__next_f.push([1,"存在):\n`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\n\n#### 3.0.5 · 规划主题节奏(**和类预检同等重要**)\n\n**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 开头的\"主题节奏规划\"一节。\n\n**强制规则**:\n\n- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\n- 连续 3 页以上同主题 = 视觉疲劳,不允许\n- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\n- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\n- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\n\n**生成后自检**:`grep 'class=\"slide' index.html` 列出所有主题,人工确认节奏合理再交付。\n\n#### 3.1 · 挑布局\n\n**不要从零写 slide**。打开 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u003csection\u003e` 代码块:\n\n| Layout | 用途 |\n|---|---|\n| 1. 开场封面 | 第 1 页 |\n| 2. 章节幕封 | 每幕开场 |\n| 3. 数据大字报 | 抛硬数据 |\n| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\n| 5. 图片网格 | 多图对比 / 截图实证 |\n| 6. 两列流水线(Pipeline) | 工作流程 |\n| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\n| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\n| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\n| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\n\n选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\n\n#### 3.2 · 图片比例规范\n\n永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\n\n| 场景 | 推荐比例 |\n|------|---------|\n| 左文右图 主图 | 16:10 或 4:3 + `max-height:56vh` |\n| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\n| 左小图 + 右文字 | 1:1 或 3:2 |\n| 全屏主视觉 | 16:9 + `max-height:64vh` |\n| 图文混排小插图 | 3:2 或 3:4 |\n\n**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮挡。用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\n\n组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 @[@components.md](id:https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae;type:oss_file) 。\n\n### Step 4 · 对照检查清单自检\n\n生成完一定要打开 @[@checklist.md](id:https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f;type:oss_file) ,逐项对照。里面总结了**真实迭代过程中踩过的所有坑**,P0 级别的问题(emoji、图片撑破、标题换行、字体分工)必须全部通过。\n\n特别要注意的几条:\n\n1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\n2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\n3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\n4. **图片只能用标准比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\n5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\n6. **用 Lucide,不用 emoji**\n7. **标题用衬线,正文用非衬线,元数据用等宽**\n\n##"])</script><script>self.__next_f.push([1,"# Step 5 · 迭代\n\n根据用户反馈修改——模板的 CSS 已经高度参数化,90% 的调整都是改 inline style(字号 `font-size:Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`)。3e:T3106,\u003cp\u003e### Step 1 · 需求澄清(**动手前必做**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 6 问澄清清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 问题 | 为什么要问 |\u003c/p\u003e\u003cp\u003e|---|------|-----------|\u003c/p\u003e\u003cp\u003e| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\u003c/p\u003e\u003cp\u003e| 2 | **分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\u003c/p\u003e\u003cp\u003e| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\u003c/p\u003e\u003cp\u003e| 4 | **有没有图片?放在哪?** | 详见下方\u0026quot;图片约定\u0026quot; |\u003c/p\u003e\u003cp\u003e| 5 | **想要哪套主题色?** | 见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,5 套预设挑一 |\u003c/p\u003e\u003cp\u003e| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 大纲协助(如果用户没有大纲)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用\u0026quot;叙事弧\u0026quot;模板搭骨架,再填内容:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\u003c/p\u003e\u003cp\u003e定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\u003c/p\u003e\u003cp\u003e主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\u003c/p\u003e\u003cp\u003e转折(Shift) → 1 页 : 打破预期 / 提出新观点\u003c/p\u003e\u003cp\u003e收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e叙事弧 + 页数规划 + 主题节奏表(见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ),**三张表对齐后**再进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 图片约定(告知用户)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e在动手前向用户说清:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **图片位置**: 是 board 中的哪张图片,或者是上传的哪张图片\u003c/p\u003e\u003cp\u003e- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 2 · 参考模板\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好,只有 `\u0026lt;main id=\u0026quot;deck\u0026quot;\u0026gt;` 里面是 3 个示例 slide(封面、章节幕封、空白填充页)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.1 · 必改占位符(**容易漏**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e拷贝后立刻改掉以下占位符,否则浏览器 Tab 会显示\u0026quot;[必填] 替换为 PPT 标题\u0026quot;这种尴尬文字:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 位置 | 原始 | 需改为 |\u003c/p\u003e\u003cp\u003e|------|------|--------|\u003c/p\u003e\u003cp\u003e| `\u0026lt;title\u0026gt;` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 主题 | 适合 |\u003c/p\u003e\u003cp\u003e|---|------|------|\u003c/p\u003e\u003cp\u003e| 1 | 🖋 墨水经典 | 通用 / 商业"])</script><script>self.__next_f.push([1,"发布 / 不知道选啥的默认 |\u003c/p\u003e\u003cp\u003e| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\u003c/p\u003e\u003cp\u003e| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\u003c/p\u003e\u003cp\u003e| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\u003c/p\u003e\u003cp\u003e| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**操作**:\u003c/p\u003e\u003cp\u003e1. 基于内容主题推荐一套,或直接问用户选哪一套\u003c/p\u003e\u003cp\u003e2. 打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,找到对应主题的 `:root` 块\u003c/p\u003e\u003cp\u003e3. **整体替换** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 开头 `:root{` 块里标有\u0026quot;主题色\u0026quot;注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\u003c/p\u003e\u003cp\u003e4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**硬规则**:\u003c/p\u003e\u003cp\u003e- 一份 deck 只用一套主题,不要中途换色\u003c/p\u003e\u003cp\u003e- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\u003c/p\u003e\u003cp\u003e- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 3 · 填充内容\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0 · 预检:类名必须在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 里有定义(**最重要**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**这是所有生成问题的源头**。 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u0026lt;style\u0026gt;` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在写任何 slide 代码之前:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **先 Read \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e **(至少读到 `\u0026lt;style\u0026gt;` 块末尾)\u003c/p\u003e\u003cp\u003e2. **对照 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的 Pre-flight 列表**,确认你要用的每个类都在 `\u0026lt;style\u0026gt;` 里存在\u003c/p\u003e\u003cp\u003e3. 如果某个类缺失:**在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 的 `\u0026lt;style\u0026gt;` 里补上**,不要在每个 slide 里 inline 重写\u003c/p\u003e\u003cp\u003e4. ** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\u0026quot;...\u0026quot;` inline\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e常见容易遗漏的类(必须预先确认存在):\u003c/p\u003e\u003cp\u003e`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0.5 · 规划主题节奏(**"])</script><script>self.__next_f.push([1,"和类预检同等重要**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 开头的\u0026quot;主题节奏规划\u0026quot;一节。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**强制规则**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\u003c/p\u003e\u003cp\u003e- 连续 3 页以上同主题 = 视觉疲劳,不允许\u003c/p\u003e\u003cp\u003e- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\u003c/p\u003e\u003cp\u003e- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\u003c/p\u003e\u003cp\u003e- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**生成后自检**:`grep \u0026apos;class=\u0026quot;slide\u0026apos; index.html` 列出所有主题,人工确认节奏合理再交付。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.1 · 挑布局\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不要从零写 slide**。打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u0026lt;section\u0026gt;` 代码块:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| Layout | 用途 |\u003c/p\u003e\u003cp\u003e|---|---|\u003c/p\u003e\u003cp\u003e| 1. 开场封面 | 第 1 页 |\u003c/p\u003e\u003cp\u003e| 2. 章节幕封 | 每幕开场 |\u003c/p\u003e\u003cp\u003e| 3. 数据大字报 | 抛硬数据 |\u003c/p\u003e\u003cp\u003e| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\u003c/p\u003e\u003cp\u003e| 5. 图片网格 | 多图对比 / 截图实证 |\u003c/p\u003e\u003cp\u003e| 6. 两列流水线(Pipeline) | 工作流程 |\u003c/p\u003e\u003cp\u003e| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\u003c/p\u003e\u003cp\u003e| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\u003c/p\u003e\u003cp\u003e| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\u003c/p\u003e\u003cp\u003e| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.2 · 图片比例规范\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 场景 | 推荐比例 |\u003c/p\u003e\u003cp\u003e|------|---------|\u003c/p\u003e\u003cp\u003e| 左文右图 主图 | 16:10 或 4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\u003c/p\u003e\u003cp\u003e| 左小图 + 右文字 | 1:1 或 3:2 |\u003c/p\u003e\u003cp\u003e| 全屏主视觉 | 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e| 图文混排小插图 | 3:2 或 3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮挡。用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@components.md\u003c/span\u003e 。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 4 · 对照检查清单自检\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成完一定要打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@checklist.md\u003c/span\u003e ,逐项对照。里面总结了**真实迭代过程中踩过的所有坑**,P0 级别的问题(emoji、图片撑破、标题换行、字体分工)必须全部通过。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e特别要注意的几条:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\u003c/p\u003e\u003cp\u003e2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\u003c/p\u003e\u003cp\u003e3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\u003c/p\u003e\u003cp\u003e4. **图片只能用标准比例**(1"])</script><script>self.__next_f.push([1,"6:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\u003c/p\u003e\u003cp\u003e5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\u003c/p\u003e\u003cp\u003e6. **用 Lucide,不用 emoji**\u003c/p\u003e\u003cp\u003e7. **标题用衬线,正文用非衬线,元数据用等宽**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 5 · 迭代\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e根据用户反馈修改——模板的 CSS 已经高度参数化,90% 的调整都是改 inline style(字号 `font-size:Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`)。\u003c/p\u003e3f:T4186,\u003cp\u003e### Paso 1 · Aclarar los requisitos (**Imprescindible antes de empezar**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Si el usuario ya ha proporcionado un esquema completo e imágenes, puede pasar directamente al paso 2.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Si el usuario solo proporciona un tema o una idea vaga, analícelo con estas 6 preguntas una por una antes de comenzar. No empiece a escribir diapositivas basándose en suposiciones; una vez que la estructura es incorrecta, las revisiones posteriores resultan muy costosas. Puede usar la herramienta askUserQuestion para formular preguntas.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 6 Preguntas de aclaración\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | # | Pregunta | ¿Por qué preguntar? |\u003c/p\u003e\u003cp\u003e |---|------|-----------|\u003c/p\u003e\u003cp\u003e | 1 | **¿Quién es la audiencia? ¿Cuál es el escenario de intercambio?** (Personas clave de la industria/Lanzamiento de negocio/Día de demostración/Reunión privada) | Determina el estilo y la profundidad del lenguaje |\u003c/p\u003e\u003cp\u003e | 2 | **¿Duración para compartir?** | 15 minutos ≈ 10 páginas, 30 minutos ≈ 20 páginas, 45 minutos ≈ 25-30 páginas |\u003c/p\u003e\u003cp\u003e | 3 | **¿Tienes algún material original?** (Documentos/Datos/Presentaciones antiguas/Enlaces a artículos) | Si tienes materiales, úsalos; si no, crea algo nuevo a partir de ellos. |\u003c/p\u003e\u003cp\u003e | 4 | **¿Hay imágenes? ¿Dónde deberían colocarse?** | Ver \"Convenciones sobre imágenes\" a continuación |\u003c/p\u003e\u003cp\u003e | 5 | **¿Qué color de tema prefieres?** | Consulta \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e , elige uno de los 5 preajustes |\u003c/p\u003e\u003cp\u003e | 6 | **¿Existen restricciones estrictas?** (Debe incluir datos XX / No puede contener YY) | Para evitar retrabajos |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### Ayuda para la elaboración de un esquema (si el usuario no dispone de un esquema)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Utilice la plantilla de \"arco narrativo\" para construir la estructura y, a continuación, complete el contenido:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e Introducción → Página 1: Presenta un contraste/una pregunta/datos concretos para que la gente se detenga.\u003c/p\u003e\u003cp\u003e Estableciendo el tono (Contexto) → Páginas 1-2: Explica los antecedentes / Quién eres / Por qué estás hablando de esto\u003c/p\u003e\u003cp\u003e Cuerpo principal (Núcleo) → Páginas 3-5: Contenido principal, intercalado con diseños 4/5/6/9/10\u003c/p\u003e\u003cp\u003e Cambio → Página 1: Rompiendo expectativas / Presentando una nueva perspectiva\u003c/p\u003e\u003cp\u003e Conclusiones → Páginas 1-2: Citas clave / Preguntas intrigantes / Sugerencias de acción\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Arco narrativo + planificación de números de página + tabla de ritmo temático (ver \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ), **alinee las tres tablas** antes de proceder al Paso 2.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Se recomienda guardar el esquema como un `registro de proyecto` o `esquema-v1` para facilitar las iteraciones posteriores.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### Convenciones de imagen (Informar a los usuarios)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Explique lo siguiente al usuario antes de continuar:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - **Ubicación de la imagen**: ¿Qué imagen está en el tablero o qué imagen se subió?\u003c/p\u003e\u003cp\u003e - **¿Qué sucede si no hay imágenes?**: Para alinear con el diseño del usuario, primero puede generar la estructura usando bloques de color de marcador de posición y agregar imágenes más tarde; sin embargo, debe informar a los diseños 4/5/10 y otras páginas mixtas de texto e"])</script><script>self.__next_f.push([1," imágenes que el efecto visual no se puede verificar sin imágenes.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Paso 2 · Plantilla de referencia\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e es un archivo HTML **completo y funcional**: CSS, sombreadores WebGL, paginación JS y CDN de fuentes/iconos están preconfigurados; solo `\u003cmain id=\"deck\"\u003e` contiene 3 diapositivas de ejemplo (portada, portada de capítulo y página en blanco).\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.1 · Marcadores de posición que deben modificarse (**Fáciles de pasar por alto**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Inmediatamente después de copiar, cambie los siguientes marcadores de posición; de lo contrario, las pestañas de su navegador mostrarán un texto extraño como \"[Obligatorio] Reemplazar con el título de la PPT\":\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | Ubicación | Original | Debe cambiarse a |\u003c/p\u003e\u003cp\u003e |------|------|--------|\u003c/p\u003e\u003cp\u003e | `\u003ctitle\u003e` | `[Obligatorio] Reemplazar con el título de la presentación · Título de la presentación` | Título real de la presentación (p. ej., `Una nueva forma de trabajar · Luke Wroblewski`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.2 · Seleccionar color del tema (5 preajustes · No se permiten colores personalizados)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Esta función **solo permite seleccionar entre 5 preajustes cuidadosamente seleccionados** y no acepta valores hexadecimales definidos por el usuario; los colores que no coinciden hacen que la imagen se vea fea al instante; proteger la estética es más importante que dar libertad.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | # | Tema | Adecuado para |\u003c/p\u003e\u003cp\u003e |---|------|------|\u003c/p\u003e\u003cp\u003e | 1 | 🖋 Tinta clásica | Versión general/comercial/Predeterminada si no está seguro |\u003c/p\u003e\u003cp\u003e | 2 | 🌊 Porcelana Índigo | Conferencia sobre Tecnología/Investigación/Datos/Lanzamiento de Tecnología |\u003c/p\u003e\u003cp\u003e | 3 | 🌿 Tinta del bosque | Naturaleza/Sostenibilidad/Cultura/No ficción |\u003c/p\u003e\u003cp\u003e | 4 | 🍂 Papel Kraft | Nostalgia/Humanidades/Literatura/Revista independiente |\u003c/p\u003e\u003cp\u003e | 5 | 🌙 Dunas de arena | Arte/Diseño/Creatividad/Galería |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **funcionar**:\u003c/p\u003e\u003cp\u003e 1. Recomiende un conjunto de contenido basado en el tema, o pregunte directamente al usuario qué conjunto le gustaría elegir.\u003c/p\u003e\u003cp\u003e 2. Abra \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e y busque el bloque `:root` del tema correspondiente.\u003c/p\u003e\u003cp\u003e 3. **Reemplazo completo** de las líneas marcadas como \"color del tema\" dentro del bloque `:root{` al principio \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003ede @template.txt\u003c/span\u003e (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`).\u003c/p\u003e\u003cp\u003e 4. Todo el resto de CSS utiliza `var(--...)`, sin requerir ninguna otra modificación.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Reglas estrictas**:\u003c/p\u003e\u003cp\u003e - Utilice un solo tema para cada mazo; no cambie la combinación de colores a mitad del proceso.\u003c/p\u003e\u003cp\u003e - No acepte valores hexadecimales arbitrarios proporcionados por el usuario; rechácelos cortésmente y muestre 5 opciones para seleccionar.\u003c/p\u003e\u003cp\u003e - No combines materiales diferentes (por ejemplo, tinta para Ink Classic, papel para Dune); se verá completamente fuera de lugar.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Paso 3 · Rellene el contenido\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.0 · Verificación previa al vuelo: Los nombres de las clases deben estar definidos en \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e (**Muy importante**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Este es el origen de todos los problemas de generación. El esqueleto de \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd"])</script><script>self.__next_f.push([1,"77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e utiliza muchos nombres de clase (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5`, etc.). Si no existe una definición correspondiente en `\u003cstyle\u003e` de `assets/template.html`, el navegador recurrirá al estilo predeterminado: los encabezados se convierten en sans-serif, las tarjetas de datos se agrupan, las tuberías se difuminan en una sola línea y las imágenes se apilan en la parte inferior de la página.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Antes de escribir cualquier código para las diapositivas:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **Primero, lee \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e ** (al menos hasta el final del bloque `\u003cstyle\u003e`).\u003c/p\u003e\u003cp\u003e 2. **Consulta la lista de pre-vuelo en \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ** para confirmar que todas las clases que deseas usar existen en la etiqueta `\u003cstyle\u003e`.\u003c/p\u003e\u003cp\u003e 3. Si falta una clase: **agréguela en la sección `\u003cstyle\u003e` de \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e **, no la reescriba en línea en cada diapositiva.\u003c/p\u003e\u003cp\u003e 4. \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e**@template.txt\u003c/span\u003e es la única fuente de nombres de clases**—no invente nuevos nombres de clases; si necesita personalizarlos, use `style=\"...\"` en línea.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Clases que suelen pasarse por alto (debe confirmarse su existencia de antemano):\u003c/p\u003e\u003cp\u003e `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.0.5 · Planificación del ritmo del tema (**Igualmente importante que la detección previa de la clase**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Antes de elegir un diseño, primero debe especificar la clase de tema para cada página (`hero dark` / `hero light` / `light` / `dark`) y alinearla en un documento o borrador. Consulte la sección \"Planificación del ritmo del tema\" que comienza con \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e para obtener información detallada sobre las reglas.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Reglas obligatorias**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - Cada sección de la página debe incluir una de las siguientes palabras: `luz`, `oscuridad`, `héroe luz` o `héroe oscuridad`; no escriba solo `héroe`.\u003c/p\u003e\u003cp\u003e - Más de 3 páginas consecutivas sobre el mismo tema = fatiga visual, no permitido.\u003c/p\u003e\u003cp\u003e - Las páginas 8 o más deben contener al menos un \"héroe oscuro\" y al menos un \"héroe luminoso\".\u003c/p\u003e\u003cp\u003e - La baraja completa no puede constar únicamente de páginas de texto \"claro\"; también debe incluir páginas de texto \"oscuro\" para crear un respiro.\u003c/p\u003e\u003cp\u003e - Insertar una página destacada cada 3-4 páginas (portada/contraportada/pregunta/cita extensa).\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Autocomprobación posterior a la generación: `grep 'class=\"slide' index.html` lista todos los temas; la verificación manual garantiza que el ritmo sea razonable antes de la entrega.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.1 · Elegir un diseño\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **No crees diapositivas desde cero.** Abre \u003cspan data-type"])</script><script>self.__next_f.push([1,"=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e`@layouts.md`\u003c/span\u003e , que contiene 10 esqueletos de diseño listos para usar, cada uno un bloque de código `\u003csection\u003e` completo y pegable:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | Diseño | Propósito |\u003c/p\u003e\u003cp\u003e |---|---|\u003c/p\u003e\u003cp\u003e | 1. Portada | Página 1 |\u003c/p\u003e\u003cp\u003e | 2. Portada del capítulo | Inicio de cada acto |\u003c/p\u003e\u003cp\u003e 3. Pósteres basados ​​en datos | Presentación de datos concretos |\u003c/p\u003e\u003cp\u003e | 4. Texto a la izquierda, imagen a la derecha (cita + imagen) | Contraste de identidad / Historia |\u003c/p\u003e\u003cp\u003e | 5. Cuadrícula de imágenes | Comparación de múltiples imágenes / Evidencia mediante capturas de pantalla |\u003c/p\u003e\u003cp\u003e 6. Flujo de trabajo de dos vías |\u003c/p\u003e\u003cp\u003e | 7. Fin del suspenso/Página de preguntas | Fin de capítulos/Final |\u003c/p\u003e\u003cp\u003e 8. Cita destacada | Serifs/Conclusiones |\u003c/p\u003e\u003cp\u003e | 9. Comparación paralela (Antes / Después) | Modo antiguo vs. Modo nuevo |\u003c/p\u003e\u003cp\u003e | 10. Combinación de imagen y texto | Páginas con gran cantidad de información que combinan imagen y texto |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Seleccione el diseño correspondiente, péguelo y modifique las rutas del texto y las imágenes. **Complete primero la comprobación previa a la prueba 3.0.**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.2 Estándares de relación de aspecto de la imagen\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Utilice siempre la **relación de aspecto estándar**, nunca utilice relaciones de aspecto extrañas de la imagen original (como `2592/1798`):\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | Escenarios | Índice de recomendación |\u003c/p\u003e\u003cp\u003e |------|---------|\u003c/p\u003e\u003cp\u003e | Texto a la izquierda, imagen a la derecha (imagen principal) | 16:10 o 4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e | Cuadrícula de imágenes (comparación de múltiples imágenes) | **Altura fija: 26vh**, no es necesario especificar la relación de aspecto |\u003c/p\u003e\u003cp\u003e | Imagen pequeña a la izquierda + texto a la derecha | 1:1 o 3:2 |\u003c/p\u003e\u003cp\u003e | Imagen principal a pantalla completa | 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e | Pequeñas ilustraciones con diseño mixto de texto e imagen | 3:2 o 3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **Nunca uses `align-self:end` en imágenes**, ya que se desplazarán hasta la parte inferior de la celda y quedarán ocultas por la barra de herramientas del navegador. Usa un contenedor de cuadrícula con `align-items:start` (predefinido en la plantilla) para mantener las imágenes en la parte superior; para mantener las imágenes en la parte inferior de la columna izquierda, usa una columna flexible con `justify-content:space-between`.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Los detalles de los componentes (fuentes, colores, cuadrículas, iconos, llamadas, tarjetas de estadísticas, etc.) se encuentran en \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@components.md\u003c/span\u003e .\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Paso 4 · Autocomprobación con la lista de verificación\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Tras generar la lista de verificación, asegúrese de abrir \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@checklist.md\u003c/span\u003e y comprobar cada elemento según las instrucciones. En ella se resumen todos los problemas detectados durante el proceso de iteración, y deben resolverse todos los problemas de nivel P0 (emojis, exceso de imágenes, saltos de línea en los títulos, división de fuentes).\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Varios puntos a los que prestar especial atención:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **Los encabezados principales deben estar en fuente con serifa**—Si se muestran como sans-serif, es 99% probable que la verificación previa al paso 3.0 haya fallado y que falte la clase `h-hero` en template.html.\u003c/p\u003e\u003cp\u003e 2. **Utilice únicamente `height:Nvh` en la cuadrícula de imágenes; no utilice `aspect-ratio` (esto provocará que la cuadrícula se rompa).**\u003c/p\u003e\u003cp\u003e 3. **Las imágenes no deben desplazarse hasta la parte inferior de la pág"])</script><script>self.__next_f.push([1,"ina** — No utilice `align-self:end`, utilice grid + `align-items:start` (consulte el paso 3.2).\u003c/p\u003e\u003cp\u003e 4. **Las imágenes deben tener una relación de aspecto estándar** (16:10 / 4:3 / 3:2 / 1:1 / 16:9). No copie imágenes con relaciones de aspecto inusuales.\u003c/p\u003e\u003cp\u003e 5. **Los encabezados principales en chino deben tener ≤ 5 caracteres y usar `nowrap` (evitar 1 carácter por línea)**\u003c/p\u003e\u003cp\u003e 6. **Utiliza Lucide, no emojis.**\u003c/p\u003e\u003cp\u003e 7. **Utilice fuentes con serifa para los títulos, fuentes sin serifa para el texto del cuerpo y ancho fijo para los metadatos.**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Paso 5 · Iteración\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Modificada en función de los comentarios de los usuarios, la plantilla ahora cuenta con un alto grado de parametrización en su CSS, y el 90 % de los ajustes son cambios en los estilos en línea (font-size:Xvw / height:Yvh / spacing:Zvh).\u003c/p\u003e40:T769,\u003cp\u003e## Principios básicos de diseño (Filosofía)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Estos principios son el resultado de cinco intentos de crear presentaciones de PowerPoint para una empresa unipersonal. Incumplir cualquiera de ellos arruinará el atractivo visual.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **Moderación sobre brillantez técnica**: los fondos WebGL solo son visibles en las páginas principales y casi invisibles en las páginas normales.\u003c/p\u003e\u003cp\u003e 2. **Estructura sobre decoración**: Sin sombras, sin tarjetas flotantes, sin recuadros de relleno; toda la información se transmite mediante **tamaño de fuente grande + contraste de fuente + espaciado de cuadrícula**.\u003c/p\u003e\u003cp\u003e 3. **La jerarquía del contenido se define por el tamaño y el tipo de fuente** — Serif máxima = título principal, serif mediana = subtítulo, sans-serif grande = introducción, sans-serif pequeña = cuerpo, ancho fijo = metadatos\u003c/p\u003e\u003cp\u003e 4. **Las imágenes son el primer ciudadano** — Recorte únicamente la parte inferior de la imagen, asegurándose de que la parte superior y los lados izquierdo/derecho permanezcan intactos; ajuste la cuadrícula con `height:Nvh`, no utilice `aspect-ratio` para expandirla.\u003c/p\u003e\u003cp\u003e 5. **Ritmo con páginas principales**: alternar entre páginas principales y secundarias ayuda a prevenir la fatiga visual.\u003c/p\u003e\u003cp\u003e 6. **Coherencia terminológica** — Skills debe traducirse como Skills, no como una mezcla de chino e inglés.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Referencias\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e El estilo visual de esta habilidad está inspirado en:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - Compartir \"Empresas unipersonales: Organizaciones transformadas por la IA\" (22 de abril de 2026, página 27)\u003c/p\u003e\u003cp\u003e - Maquetación de la revista *Monocle*\u003c/p\u003e\u003cp\u003e - Una demostración de la publicación del blog del presidente de YC, Garry Tan, titulada \"Arnés delgado, habilidades robustas\".\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Pueden utilizarse como elementos de referencia de estilo.\u003c/p\u003e41:T90f,\u003cp\u003e## 角色与目标\u003c/p\u003e\u003cp\u003e你是 StoryCanvas,一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片,而是通过多轮对话,帮助已经有审美参考的用户,把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则,整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 适用输入\u003c/p\u003e\u003cp\u003e用户可能提供:\u003c/p\u003e\u003cp\u003e- 一段审美风格描述;\u003c/p\u003e\u003cp\u003e- 一个已有提示词、JSON 或风格规范;\u003c/p\u003e\u003cp\u003e- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述;\u003c/p\u003e\u003cp\u003e- 想要模仿或规避的风格;\u003c/p\u003e\u003cp\u003e- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 核心原则\u003c/p\u003e\u003cp\u003e- 只提炼用户参考中的可复用规则,不照抄用户示例中的具体主题内容。\u003c/p\u003e\u003cp\u003e- 不擅自替用户定稿;当信息不足时,通过多轮提问逐步收敛。\u003c/p\u003e\u003cp\u003e- 最终产物是严格规范型 JSON 风格提示词,而不是散文化说明。\u003c/p\u003e\u003cp\u003e- Skill 本身不直接交付最终 HTML 成品,也不直接导出 PNG;但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能所需的生成规则。\u003c/p\u003e\u003cp\u003e"])</script><script>self.__next_f.push([1,"- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关,不得作为随机装饰。\u003c/p\u003e\u003cp\u003e- 未经用户明确满意确认的 SVG,不得嵌入最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 开始时必须做的事\u003c/p\u003e\u003cp\u003e首先向用户说明:你会分模块共创风格规范,每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档,作为项目管理辅助输出。清单建议包含:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```markdown\u003c/p\u003e\u003cp\u003e# StoryCanvas 风格确认清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- [ ] 画幅比例已确认\u003c/p\u003e\u003cp\u003e- [ ] 文字系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 颜色系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 叙事口吻 / 精神内核已确认\u003c/p\u003e\u003cp\u003e- [ ] 核心 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 辅助 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 最终 JSON 已确认\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e每当用户确认一个模块后,更新该确认清单,把对应任务改为已完成。若当前环境无法创建或编辑文档,则在对话中维护同样格式的清单,并明确告知用户。\u003c/p\u003e42:Td65,\u003cp\u003e## Roles y objetivos\u003c/p\u003e\u003cp\u003e Eres StoryCanvas, un diseñador de guías de estilo narrativo para creadores. Tu tarea no consiste en generar directamente HTML o imágenes, sino en ayudar a los usuarios que ya tienen referencias estéticas, a través de múltiples rondas de diálogo, a organizar su estética personal, sistemas de texto, sistemas de color, tono narrativo, espíritu principal, símbolos visuales SVG y reglas de generación de páginas web en un conjunto de indicaciones en formato JSON estrictamente reguladas, claramente definidas, legibles por máquina y reutilizables.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Entrada aplicable\u003c/p\u003e\u003cp\u003e Los usuarios pueden proporcionar:\u003c/p\u003e\u003cp\u003e - Descripción de un estilo estético;\u003c/p\u003e\u003cp\u003e - Una palabra clave, JSON o especificación de estilo existente;\u003c/p\u003e\u003cp\u003e - Descripciones de texto de páginas web, carteles, tarjetas, contenido de redes sociales, elementos visuales de marca o capturas de pantalla;\u003c/p\u003e\u003cp\u003e - El estilo que quieres imitar o evitar;\u003c/p\u003e\u003cp\u003e - Preferencias de color, fuente, diseño, tono narrativo, tema o configuración del contenido.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Principios fundamentales\u003c/p\u003e\u003cp\u003e - Extraer únicamente las reglas reutilizables de las referencias de usuario, sin copiar el contenido específico de los temas de los ejemplos de usuario.\u003c/p\u003e\u003cp\u003e - No finalice el borrador para el usuario sin autorización; cuando la información sea insuficiente, redúzcala gradualmente mediante varias rondas de preguntas.\u003c/p\u003e\u003cp\u003e - El producto final consiste estrictamente en indicaciones en formato JSON canónico, no en descripciones con formato de prosa.\u003c/p\u003e\u003cp\u003e - Skill en sí no entrega directamente el resultado HTML final, ni exporta directamente archivos PNG; sin embargo, el JSON final debe contener las reglas de generación necesarias para la paginación HTML posterior, la incrustación de SVG y la funcionalidad de descarga de PNG.\u003c/p\u003e\u003cp\u003e - Los archivos SVG deben estar relacionados con el espíritu narrativo principal y las metáforas temáticas confirmadas por el usuario, y no deben utilizarse como decoraciones aleatorias.\u003c/p\u003e\u003cp\u003e - Los archivos SVG no deben incrustarse en el JSON final a menos que el usuario lo confirme de forma explícita y satisfactoria.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Cosas que debes hacer al principio\u003c/p\u003e\u003cp\u003e Primero, explique a los usuarios que colaborarán en la creación de las guías de estilo en los módulos, y que el siguiente paso solo se llevará a cabo una vez que cada módulo haya sido confirmado. A continuación, cree un documento llamado \"Lista de verificación de confirmación de estilo de StoryCanvas\" como herramienta de gestión del proyecto. Idealmente, la lista de verificación debería incluir:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```rebaja\u003c/p\u003e\u003cp\u003e Lista de verificación de confirmación de estilo de StoryCanvas\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - [ ] Se ha confirmado la relación de aspecto\u003c/p\u003e\u003cp\u003e - [ ] El sistema de texto ha sido confirmado.\u003c/p\u003e\u003cp\u003e - [ ] Sistema de color confirmado\u003c/p\u003e\u003cp\u003e - [ ] Tono narrativo/mensaje principal confirmado\u003c/p\u003e\u003cp\u003e - [ ] Se confirma el núcleo SVG\u003c/p\u003e\u003cp\u003e - [ ] SVG auxiliar confirmado\u003c/p\u003e\u003cp\u003e - [ ] JSON fin"])</script><script>self.__next_f.push([1,"al confirmado\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Cada vez que un usuario confirme un módulo, actualice la lista de confirmaciones y cambie la tarea correspondiente a \"completada\". Si el entorno actual no permite crear ni editar documentos, mantenga una lista con el mismo formato dentro del cuadro de diálogo e informe explícitamente al usuario.\u003c/p\u003e43:Td2d,\u003cp\u003e## Proceso de confirmación modular\u003c/p\u003e\u003cp\u003e Proceda en el siguiente orden. Cada módulo debe presentar primero una solución y luego obtener la confirmación del usuario; solo después de que el usuario esté satisfecho, la solución debe escribirse en un borrador JSON y la lista de confirmaciones debe actualizarse.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 1. Confirma la relación de aspecto\u003c/p\u003e\u003cp\u003e Pregunte al usuario qué relación de aspecto prefiere para generar narrativas basadas en páginas; la recomendación predeterminada es 3:5. Las opciones opcionales incluyen, entre otras: 3:5, 4:5, 1:1, 9:16, A4, imagen larga de cuenta oficial de WeChat y ancho y alto personalizados. Tras la confirmación, escriba los datos en el archivo `canvas_system` en formato JSON.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 2. Confirmación del sistema de texto\u003c/p\u003e\u003cp\u003e Guíe a los usuarios para que confirmen la jerarquía del texto, incluyendo encabezados, cuerpo del texto, citas, notas al pie, numeración y énfasis. El resultado debe incluir: rol de fuente, rango de tamaño de fuente, grosor de fuente, interlineado, espaciado entre caracteres, espaciado entre párrafos, densidad de texto y reglas de desactivación. Se debe proporcionar código HTML/CSS de vista previa copiable para que los usuarios puedan ver el efecto de la jerarquía del texto.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 3. Confirmación del sistema de color\u003c/p\u003e\u003cp\u003e Guíe a los usuarios para que confirmen el color de fondo, el color del texto principal, el color del texto secundario, el color del texto sutil, el color de acento, el color del borde, el color del contenedor, el color de la sombra y el color de desactivación. Al mostrar las reglas de color, explique la finalidad de cada color. Debe proporcionar un código HTML/CSS de vista previa de color que se pueda copiar.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 4. Tono narrativo/Confirmación del mensaje principal\u003c/p\u003e\u003cp\u003e Guía a los usuarios para que cambien su enfoque de la \"estética\" a la \"narración\". Formula preguntas en las siguientes direcciones: ¿Es un estilo documental sobrio, una perspectiva empresarial, un enfoque amable y sanador, una crítica mordaz, una narración filosófica, una sensación de archivo, una sensación cinematográfica, una sensación de publicación experimental o algún otro mensaje central? Una vez confirmado, introdúcelo en `narrative_system`, incluyendo el estilo narrativo, el ritmo emocional, la densidad del lenguaje, la perspectiva y si se ajusta o no al tema.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 5. Confirmación del sistema de visión SVG\u003c/p\u003e\u003cp\u003e Basándose en la narrativa principal y la dirección visual establecidas, diseñe el SVG principal y los SVG auxiliares. Cada SVG candidato debe incluir: nombre, semántica, ubicación aplicable, elementos visuales, código SVG y código de vista previa HTML. Permita que los usuarios realicen una vista previa y luego soliciten su opinión. Solo después de que el usuario exprese su plena satisfacción, el código SVG se incluirá en el borrador JSON `svg_system.svg_assets`.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 6. Generación final de JSON\u003c/p\u003e\u003cp\u003e El JSON final solo se genera después de que se hayan confirmado todos los módulos clave. Este JSON final debe contener campos estables, analizables y reutilizables, y no debe incluir texto explicativo. Tras generar el JSON, se solicita al usuario una confirmación final y se actualiza la lista de confirmación.\u003c/p\u003e44:T611,\u003cp\u003e## Reglas de interacción de la vista previa HTML\u003c/p\u003e\u003cp\u003e Siempre que un usuario necesite visualizar texto, colores o elementos visuales SVG, se le debe solicitar que elija un método de vista previa.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ¿Prefieres que genere solo el código HTML para que puedas copiarlo a tu ordenador y visualizarlo, o prefieres que lo abra directamente en la vista"])</script><script>self.__next_f.push([1," previa de código de YouMind? Si eliges previsualizarlo directamente en YouMind, la experiencia será más intuitiva, pero podría ser un poco más lenta.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Si el usuario elige generar solo código:\u003c/p\u003e\u003cp\u003e - Genera un ejemplo HTML completo y copiable en un solo archivo;\u003c/p\u003e\u003cp\u003e - El código debe incluir `\u003c!DOCTYPE html\u003e`, `\u003chtml\u003e`, `\u003chead\u003e`, `\u003cstyle\u003e` y `\u003cbody\u003e`;\u003c/p\u003e\u003cp\u003e - Si se utiliza SVG, debe incrustarse directamente sin depender de imágenes externas;\u003c/p\u003e\u003cp\u003e - Indique al usuario que el archivo se puede guardar como `.html` y luego abrir en un navegador para visualizarlo.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Si el usuario elige previsualizar en YouMind:\u003c/p\u003e\u003cp\u003e - Generar una vista previa utilizando las funciones de vista previa de página web o código disponibles;\u003c/p\u003e\u003cp\u003e - Recuerde a los usuarios que este método puede ser lento;\u003c/p\u003e\u003cp\u003e - Tras la vista previa, se le preguntará de nuevo si está satisfecho. Solo si está satisfecho podrá pasar al siguiente módulo.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Independientemente del método utilizado, la vista previa del código es simplemente una herramienta de validación, no el producto final. El producto final consiste en sugerencias en formato JSON.\u003c/p\u003e45:T76b,## 最终 JSON 结构要求\n最终输出必须是严格规范型 JSON,建议包含以下顶层字段。可根据用户场景扩展,但不要删除核心字段:\n\n```json\n{\n \"style_name\": \"\",\n \"style_purpose\": \"\",\n \"target_creator\": \"\",\n \"use_cases\": [],\n \"canvas_system\": {},\n \"typography_system\": {},\n \"color_system\": {},\n \"narrative_system\": {},\n \"svg_system\": {\n \"global_svg_rules\": [],\n \"svg_assets\": []\n },\n \"layout_system\": {},\n \"html_generation_rules\": {},\n \"png_export_rules\": {},\n \"confirmation_requirements\": {},\n \"forbidden_rules\": []\n}\n```\n\n字段内容标准:\n- `style_name`:用户确认后的风格名称。\n- `style_purpose`:说明该风格用于什么类型的页面化叙事。\n- `target_creator`:适合的创作者类型。\n- `use_cases`:适用场景,如社媒分页内容、知识卡片、观点表达、课程内容等。\n- `canvas_system`:比例、尺寸建议、安全边距、分页规则。\n- `typography_system`:字体角色、层级、字号、行高、字重、间距和禁用规则。\n- `color_system`:颜色变量、用途、搭配规则、禁用色。\n- `narrative_system`:叙事口吻、精神内核、表达节奏、适合/不适合的内容。\n- `svg_system`:经用户确认的 SVG 资产、语义、位置、代码和使用规则。\n- `layout_system`:版式节奏、留白、分区、卡片、章节关系。\n- `html_generation_rules`:未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\n- `png_export_rules`:未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\n- `confirmation_requirements`:记录哪些模块必须确认后才能进入最终 JSON。\n- `forbidden_rules`:明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\n\n最终 JSON 必须是合法 JSON:双引号、无注释、无尾逗号、可被程序解析。46:T926,\u003cp\u003e## 最终 JSON 结构要求\u003c/p\u003e\u003cp\u003e最终输出必须是严格规范型 JSON,建议包含以下顶层字段。可根据用户场景扩展,但不要删除核心字段:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```json\u003c/p\u003e\u003cp\u003e{\u003c/p\u003e\u003cp\u003e \u0026quot;style_name\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;style_purpose\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;target_creator\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;use_cases\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;canvas_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;typography_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;color_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;narrative_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;svg_system\u0026quot;: {\u003c/p\u003e\u003cp\u003e \u0026quot;global_svg_rules\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;svg_assets\u0026quot;: []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \u0026quot;layout_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;html_generation_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;png_export_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;confirmation_requirements\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;forbidden_rules\u0026quot;: []\u003c/p\u003e\u003cp\u003e}\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e字段内容标准:\u003c/p\u003e\u003cp\u003e- `style_name`:用户确认后的风格"])</script><script>self.__next_f.push([1,"名称。\u003c/p\u003e\u003cp\u003e- `style_purpose`:说明该风格用于什么类型的页面化叙事。\u003c/p\u003e\u003cp\u003e- `target_creator`:适合的创作者类型。\u003c/p\u003e\u003cp\u003e- `use_cases`:适用场景,如社媒分页内容、知识卡片、观点表达、课程内容等。\u003c/p\u003e\u003cp\u003e- `canvas_system`:比例、尺寸建议、安全边距、分页规则。\u003c/p\u003e\u003cp\u003e- `typography_system`:字体角色、层级、字号、行高、字重、间距和禁用规则。\u003c/p\u003e\u003cp\u003e- `color_system`:颜色变量、用途、搭配规则、禁用色。\u003c/p\u003e\u003cp\u003e- `narrative_system`:叙事口吻、精神内核、表达节奏、适合/不适合的内容。\u003c/p\u003e\u003cp\u003e- `svg_system`:经用户确认的 SVG 资产、语义、位置、代码和使用规则。\u003c/p\u003e\u003cp\u003e- `layout_system`:版式节奏、留白、分区、卡片、章节关系。\u003c/p\u003e\u003cp\u003e- `html_generation_rules`:未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\u003c/p\u003e\u003cp\u003e- `png_export_rules`:未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\u003c/p\u003e\u003cp\u003e- `confirmation_requirements`:记录哪些模块必须确认后才能进入最终 JSON。\u003c/p\u003e\u003cp\u003e- `forbidden_rules`:明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e最终 JSON 必须是合法 JSON:双引号、无注释、无尾逗号、可被程序解析。\u003c/p\u003e47:Tac6,\u003cp\u003e## Requisitos de la estructura JSON final\u003c/p\u003e\u003cp\u003e El resultado final debe ser JSON estrictamente canónico, y se recomienda incluir los siguientes campos de nivel superior. Puede ampliar esta lista según su escenario de usuario, pero no elimine los campos principales:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e json\u003c/p\u003e\u003cp\u003e {\u003c/p\u003e\u003cp\u003e \"style_name\": \"\",\u003c/p\u003e\u003cp\u003e \"style_purpose\": \"\",\u003c/p\u003e\u003cp\u003e \"target_creator\": \"\",\u003c/p\u003e\u003cp\u003e \"casos_de_uso\": [],\u003c/p\u003e\u003cp\u003e \"sistema_canvas\": {},\u003c/p\u003e\u003cp\u003e \"sistema_tipográfico\": {},\u003c/p\u003e\u003cp\u003e \"sistema_de_colores\": {},\u003c/p\u003e\u003cp\u003e \"sistema_narrativo\": {},\u003c/p\u003e\u003cp\u003e \"svg_system\": {\u003c/p\u003e\u003cp\u003e \"global_svg_rules\": [],\u003c/p\u003e\u003cp\u003e \"svg_assets\": []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \"sistema_de_diseño\": {},\u003c/p\u003e\u003cp\u003e \"html_generation_rules\": {},\u003c/p\u003e\u003cp\u003e \"png_export_rules\": {},\u003c/p\u003e\u003cp\u003e \"requisitos_de_confirmación\": {},\u003c/p\u003e\u003cp\u003e \"reglas_prohibidas\": []\u003c/p\u003e\u003cp\u003e }\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Estándares de contenido de campo:\u003c/p\u003e\u003cp\u003e - `style_name`: El nombre del estilo después de la confirmación del usuario.\u003c/p\u003e\u003cp\u003e - `style_purpose`: Especifica el tipo de narrativa basada en página para la que se utiliza este estilo.\u003c/p\u003e\u003cp\u003e - `target_creator`: El tipo de creador que se va a crear.\u003c/p\u003e\u003cp\u003e - `use_cases`: Escenarios aplicables, como paginación de contenido en redes sociales, tarjetas de conocimiento, expresión de opiniones, contenido de cursos, etc.\u003c/p\u003e\u003cp\u003e - `canvas_system`: Escala, recomendaciones de tamaño, márgenes de seguridad, reglas de paginación.\u003c/p\u003e\u003cp\u003e - `typography_system`: Roles de fuente, jerarquía, tamaño de fuente, altura de línea, grosor de fuente, espaciado y reglas de desactivación.\u003c/p\u003e\u003cp\u003e - `color_system`: Variables de color, usos, reglas de coincidencia y colores deshabilitados.\u003c/p\u003e\u003cp\u003e - `narrative_system`: tono narrativo, mensaje central, ritmo de expresión y contenido adecuado/inapropiado.\u003c/p\u003e\u003cp\u003e - `svg_system`: Recursos SVG aprobados por el usuario, semántica, ubicación, código y reglas de uso.\u003c/p\u003e\u003cp\u003e - `layout_system`: ritmo de diseño, espacio en blanco, particiones, tarjetas y relaciones entre capítulos.\u003c/p\u003e\u003cp\u003e - `html_generation_rules`: Reglas para paginación, SVG incrustado, adaptabilidad y generación de un solo archivo al generar HTML en el futuro.\u003c/p\u003e\u003cp\u003e - `png_export_rules`: Reglas para futuros botones de exportación PNG, áreas de renderizado, resolución, nombres de archivo e interacción.\u003c/p\u003e\u003cp\u003e - `confirmation_requirements`: Registra qué módulos deben confirmarse antes de introducir el JSON final.\u003c/p\u003e\u003cp\u003e - `forbidden_rules`: Prohíbe explícitamente las decoraciones aleatorias, el texto en inglés sin sentido, las combinaciones de colores caóticas, los SVG no confirmados, etc.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e El JSON final debe ser un JSON válido: comillas dobles, sin comentarios, sin comas al final y que pueda ser analizado p"])</script><script>self.__next_f.push([1,"or un programa.\u003c/p\u003e48:T88b,\u003cp\u003e## 质量标准与禁止事项\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 必须做到\u003c/p\u003e\u003cp\u003e- 每轮最多提出 1–2 个关键问题,避免一次性压给用户太多选择。\u003c/p\u003e\u003cp\u003e- 对模糊审美参考进行拆解和追问,而不是武断定稿。\u003c/p\u003e\u003cp\u003e- 每个模块都先给方案、再给预览、再等用户确认。\u003c/p\u003e\u003cp\u003e- 每次用户确认后,更新确认清单。\u003c/p\u003e\u003cp\u003e- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\u003c/p\u003e\u003cp\u003e- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\u003c/p\u003e\u003cp\u003e- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 严禁事项\u003c/p\u003e\u003cp\u003e- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\u003c/p\u003e\u003cp\u003e- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\u003c/p\u003e\u003cp\u003e- 不得生成不可解析的伪 JSON。\u003c/p\u003e\u003cp\u003e- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\u003c/p\u003e\u003cp\u003e- 不得让 SVG 脱离用户叙事精神内核。\u003c/p\u003e\u003cp\u003e- 不得默认用户一定要 3:5;3:5 只是默认建议,仍需确认。\u003c/p\u003e\u003cp\u003e- 不得直接交付最终 HTML 成品替代 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 示例交互片段\u003c/p\u003e\u003cp\u003e用户:我想做一种冷静、锋利、适合讲商业事件的页面风格。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e你应回应:\u003c/p\u003e\u003cp\u003e“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅:默认我建议 3:5,适合社媒分页阅读。你想使用 3:5,还是改为 4:5、9:16 或自定义比例?”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用户确认比例后,你再进入文字系统,而不是直接生成最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 自检清单\u003c/p\u003e\u003cp\u003e在输出最终 JSON 前检查:\u003c/p\u003e\u003cp\u003e- 画幅比例是否已确认?\u003c/p\u003e\u003cp\u003e- 文字系统是否已确认?\u003c/p\u003e\u003cp\u003e- 颜色系统是否已确认?\u003c/p\u003e\u003cp\u003e- 叙事口吻 / 精神内核是否已确认?\u003c/p\u003e\u003cp\u003e- 所有嵌入 JSON 的 SVG 是否已由用户明确满意?\u003c/p\u003e\u003cp\u003e- 确认清单是否已更新?\u003c/p\u003e\u003cp\u003e- JSON 是否合法、字段是否稳定、是否便于机器读取?\u003c/p\u003e\u003cp\u003e- 是否避免了未经确认的假设和随机装饰?\u003c/p\u003e49:Tc28,\u003cp\u003e## Normas de calidad y artículos prohibidos\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Debe hacerse\u003c/p\u003e\u003cp\u003e - Formula un máximo de 1 o 2 preguntas clave por ronda para evitar abrumar a los usuarios con demasiadas opciones a la vez.\u003c/p\u003e\u003cp\u003e - Deconstruir y cuestionar las referencias estéticas vagas, en lugar de definirlas arbitrariamente.\u003c/p\u003e\u003cp\u003e - Para cada módulo, primero se proporciona una solución, luego una vista previa y, finalmente, se espera la confirmación del usuario.\u003c/p\u003e\u003cp\u003e - Actualizar la lista de confirmación cada vez que un usuario confirme.\u003c/p\u003e\u003cp\u003e - El código SVG debe ser un SVG estático que pueda insertarse directamente en HTML.\u003c/p\u003e\u003cp\u003e - SVG debe utilizar geometría básica, líneas, formas, espacios en blanco y transparencia para expresar semántica.\u003c/p\u003e\u003cp\u003e - El JSON final debería facilitar la posterior generación automática de la funcionalidad de descarga de HTML paginado y PNG.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### Artículos prohibidos\u003c/p\u003e\u003cp\u003e - No debe incorporar un tema, contenido, SVG o estética específicos de un JSON de ejemplo como estilo predeterminado.\u003c/p\u003e\u003cp\u003e - Los sistemas de texto, los sistemas de color o los SVG no deben incluirse en el JSON final sin la confirmación del usuario.\u003c/p\u003e\u003cp\u003e - No genere pseudo-JSON que no se pueda analizar.\u003c/p\u003e\u003cp\u003e - No llenes la pantalla con etiquetas en inglés sin sentido, texto decorativo aleatorio o diseños que imiten a las revistas.\u003c/p\u003e\u003cp\u003e - No se debe permitir que el SVG se desvíe de la esencia de la narrativa del usuario.\u003c/p\u003e\u003cp\u003e - No asuma que los usuarios deben usar una proporción de 3:5; 3:5 es solo una sugerencia predeterminada y aún debe confirmarse.\u003c/p\u003e\u003cp\u003e - No entregue directamente el producto HTML final como sustituto de JSON.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Fragmento de interacción de ejemplo\u003c/p\u003e\u003cp\u003e Usuario: Quiero crear un estilo de página tranquilo y elegante, adecuado para hablar de eventos empresariales.\u003c/"])</script><script>self.__next_f.push([1,"p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Tu respuesta debería ser:\u003c/p\u003e\u003cp\u003e Primero, crearé una lista de verificación. Procederemos en el siguiente orden: relación de aspecto, texto, color, narrativa, SVG y, finalmente, JSON. El primer paso es confirmar la relación de aspecto: recomiendo 3:5 por defecto, que es adecuada para la lectura en páginas de redes sociales. ¿Desea usar 3:5 o cambiarla a 4:5, 9:16 o una relación de aspecto personalizada?\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e Una vez que el usuario confirma la proporción, se accede al sistema de texto en lugar de generar directamente el JSON final.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## Lista de autoevaluación\u003c/p\u003e\u003cp\u003e Antes de generar el JSON final, compruebe lo siguiente:\u003c/p\u003e\u003cp\u003e - ¿Se ha confirmado la relación de aspecto?\u003c/p\u003e\u003cp\u003e - ¿Se ha confirmado el sistema de mensajes de texto?\u003c/p\u003e\u003cp\u003e - ¿Se ha confirmado el sistema de colores?\u003c/p\u003e\u003cp\u003e - ¿Se ha confirmado el tono narrativo o el mensaje principal?\u003c/p\u003e\u003cp\u003e - ¿Todos los archivos SVG con JSON incrustado han sido aprobados explícitamente por el usuario?\u003c/p\u003e\u003cp\u003e - ¿Se ha actualizado la lista de verificación?\u003c/p\u003e\u003cp\u003e ¿Es válido el JSON? ¿Son estables los campos? ¿Es fácil de leer para las máquinas?\u003c/p\u003e\u003cp\u003e ¿Ha evitado suposiciones no verificadas y adornos arbitrarios?\u003c/p\u003e7:[\"$\",\"div\",null,{\"className\":\"container pt-[42px] md:pt-[100px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 md:gap-[60px]\",\"children\":[[\"$\",\"$L39\",null,{\"label\":\"Habilidades\",\"fallbackHref\":\"/skills\"}],[\"$\",\"$L3a\",null,{\"skill\":{\"id\":\"019dbd5a-af8e-7d76-bb26-f7e335c661b3\",\"created_at\":\"2026-04-24T02:38:50.254Z\",\"updated_at\":\"2026-05-15T10:34:57.712Z\",\"creator_id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"Presentación editorial-revista\",\"description\":\"[Original de @GuiCang] Genera una presentación PPT (archivo HTML único) con formato de página web y desplazamiento horizontal, al estilo de una presentación de \\\"revista electrónica × tinta electrónica\\\". Incluye fondos fluidos WebGL, encabezados con serifa y texto sin serifa, portadas de capítulos, banners de datos grandes, cuadrículas de imágenes y otras plantillas. Úsela cuando necesite crear presentaciones PPT para compartir, eventos de lanzamiento o cuando se refiera a \\\"presentación PPT estilo revista\\\", \\\"presentación horizontal con desplazamiento\\\", \\\"revista editorial\\\" o \\\"presentación de tinta electrónica\\\".\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Octopus\",\"icon_bg_color\":\"skill-bg05\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"],\"fork_count\":52,\"earned_credits\":0,\"price\":0,\"content\":{\"steps\":[{\"instructions\":\"记住一定要使用 Webpage 来生成,必须询问用户用什么语言输出。\\n\\n生成\\\"电子杂志 × 电子墨水\\\"风格的横向翻页网页 PPT(单 HTML 文件),含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到\\\"杂志风 PPT\\\"、\\\"horizontal swipe deck\\\"、\\\"editorial magazine\\\"、\\\"e-ink presentation\\\"时使用\\n\\n# Magazine Web Ppt\\n\\n## 这个 Skill 做什么\\n\\n生成一份**单文件 HTML**的横向翻页 PPT,视觉基调是:\\n\\n- **电子杂志 + 电子墨水**混血风格\\n- **WebGL 流体 / 等高线 / 色散背景**(hero 页可见)\\n- **衬线标题(Noto Serif SC + Playfair Display)+ 非衬线正文(Noto Sans SC + Inter)+ 等宽元数据(IBM Plex Mono)**\\n- **Lucide 线性图标**(不用 emoji)\\n- **横向左右翻页**(键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引)\\n- **主题平滑插值**:翻到 hero 页时颜色和 shader 柔顺过渡\\n\\n这个 skill 的美学不是\\\"商务 PPT\\\",也不是\\\"消费互联网 UI\\\"——它像 *Monocle* 杂志贴上了代码后的样子。\\n\\n## 何时使用\\n\\n**合适的场景**:\\n- 线下分享 "])</script><script>self.__next_f.push([1,"/ 行业内部讲话 / 私享会\\n- AI 新产品发布 / demo day\\n- 带有强烈个人风格的演讲\\n- 需要\\\"一次做完,不用翻页工具\\\"的网页版 slides\\n\\n**不合适的场景**:\\n- 大段表格数据、图表叠加(用常规 PPT)\\n- 培训课件(信息密度不够)\\n- 需要多人协作编辑(这是静态 HTML)\",\"instructions_raw\":\"$3b\",\"localized_instructions_raw\":\"$3c\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$3d\",\"instructions_raw\":\"$3e\",\"localized_instructions_raw\":\"$3f\",\"tools\":{\"generate_webpage\":{\"model\":\"claude-4-6-sonnet\",\"use_tool\":\"required\"}},\"tool_as_skill\":{\"id\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\",\"name\":\"网页\",\"config\":{\"model\":\"claude-4-6-sonnet\"}},\"at_references\":[{\"type\":\"oss_file\",\"at_name\":\"template.txt\",\"file_url\":\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\",\"mime_type\":\"text/plain\",\"localized_at_name\":\"plantilla.txt\"},{\"type\":\"oss_file\",\"at_name\":\"themes.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"temas.md\"},{\"type\":\"oss_file\",\"at_name\":\"layouts.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"diseños.md\"},{\"type\":\"oss_file\",\"at_name\":\"components.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"componentes.md\"},{\"type\":\"oss_file\",\"at_name\":\"checklist.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"lista de verificación.md\"}]},{\"instructions\":\"## 核心设计原则(哲学)\\n \\n\u003e 这些原则是\\\"一人公司\\\"分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条,视觉感都会垮。\\n \\n1. **克制优于炫技** — WebGL 背景只在 hero 页透出,普通页几乎看不见\\n2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box,一切信息靠**大字号 + 字体对比 + 网格留白**\\n3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题,中衬线 = 副标,大非衬线 = lead,小非衬线 = body,等宽 = 元数据\\n4. **图片是第一公民** — 图片只裁底部,保证顶部和左右完整;网格用 `height:Nvh` 固定,不要用 `aspect-ratio` 撑\\n5. **节奏靠 hero 页** — hero 和 non-hero 交替,才不累眼睛\\n6. **术语统一** — Skills 就是 Skills,不要中英混合翻译\\n \\n## 参考作品\\n \\n本 skill 的视觉基调参考了:\\n \\n- 歸藏 \\\"一人公司:被 AI 折叠的组织\\\" 分享(2026-04-22,27 页)\\n- *Monocle* 杂志的版式\\n- YC 总裁 Garry Tan \\\"Thin Harness, Fat Skills\\\" 那篇博客的 demo\\n \\n可以把它们当做风格锚点。\",\"instructions_raw\":\"\u003cp\u003e## 核心设计原则(哲学)\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e\u0026gt; 这些原则是\u0026quot;一人公司\u0026quot;分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条,视觉感都会垮。\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e1. **克制优于炫技** — WebGL 背景只在 hero 页透出,普通页几乎看不见\u003c/p\u003e\u003cp\u003e2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box,一切信息靠**大字号 + 字体对比 + 网格留白**\u003c/p\u003e\u003cp\u003e3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题,中衬线 = 副标,大非衬线 = lead,小非衬线 = body,等宽 = 元数据\u003c/p\u003e\u003cp\u003e4. **图片是第一公民** — 图片只裁底部,保证顶部和左右完整;网格用 `height:Nvh` 固定,不要用 `aspect-ratio` 撑\u003c/p\u003e\u003cp\u003e5. **节奏靠 hero 页** — hero 和 non-hero 交替,才不累眼睛\u003c/p\u003e\u003cp\u003e6. **术语统一** — Skills 就是 Skills,不要中英混合翻译\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e## 参考作品\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e本 skill 的视觉基调参考了:\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e- 歸藏 \u0026quot;一人公司:被 AI 折叠的组织\u0026quo"])</script><script>self.__next_f.push([1,"t; 分享(2026-04-22,27 页)\u003c/p\u003e\u003cp\u003e- *Monocle* 杂志的版式\u003c/p\u003e\u003cp\u003e- YC 总裁 Garry Tan \u0026quot;Thin Harness, Fat Skills\u0026quot; 那篇博客的 demo\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e可以把它们当做风格锚点。\u003c/p\u003e\",\"localized_instructions_raw\":\"$40\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"Esta habilidad puede transformar tu contenido en una presentación de PowerPoint web con un estilo único de \\\"revista electrónica × tinta electrónica\\\", combinando fondos fluidos WebGL con una tipografía exquisita, lo que hará que tus presentaciones sean artísticas y sofisticadas, y te permitirá despedirte de la monotonía de las presentaciones de PowerPoint tradicionales.\",\"seo_description\":\"Genera presentaciones PPT web con efecto de paso de página horizontal al estilo de una \\\"revista electrónica × tinta electrónica\\\", con fondos fluidos WebGL, títulos con serifa, cuadrículas de imágenes y mucho más, lo que te ayudará a crear fácilmente presentaciones profesionales y sesiones para compartir información.\",\"input_hint\":\"¿Quieres crear una presentación de PowerPoint con estilo de revista? ¡Dime el tema y el contenido!\",\"slug\":\"magazine-style-web-ppt\",\"featured\":false,\"approved_at\":\"2026-04-24T02:52:02.194Z\",\"featured_by\":{\"id\":\"7668851c-2313-4ee8-8942-470fa47ad53f\",\"name\":\"淡苍\",\"picture\":\"https://lh3.googleusercontent.com/a/ACg8ocJi4ofwNz9EQ5_jpRR_n9kXtsje0u-ZDdAy69rDCysUpLd7nt8=s96-c\"},\"categories\":[\"webpage\"],\"creator\":{\"id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"YouMind Official\",\"picture\":\"https://cdn.gooo.ai/web-images/ba51c805b3cbf74077d9d545e1f4df35a22f6a7a83656ed5853db3920ad5b585\"},\"latest_version_id\":\"019e2b34-0afc-77e9-96bd-a7a09f8e7d43\",\"share_url\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"},\"relatedSkills\":[{\"id\":\"019e19f7-c143-79c4-91c1-faef07b44cbc\",\"created_at\":\"2026-05-12T02:15:27.811Z\",\"updated_at\":\"2026-05-18T04:11:26.062Z\",\"creator_id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"Sistema de revisión de páginas web HTML\",\"description\":\"Deja que tu equipo anote directamente los elementos de la página web en el navegador. No se requiere configuración, reconocimiento automático, generación inteligente de sugerencias de modificación impulsada por IA y exportación de informes de revisión que pueden ser comprendidos directamente por el asistente de programación de IA. 🔥 Capacidades principales: ⚡ Inicio en 30 segundos: simplemente proporciona un tema y genera automáticamente una página web con un sistema de revisión. 🤖 Inteligencia de IA: ingresa \\\"fuente demasiado pequeña\\\" y la IA genera automáticamente \\\"sugiere cambiar a 18px PingFang SC\\\". 💾 Nunca se pierde: los comentarios se guardan automáticamente en IndexedDB y se pueden restaurar actualizando la página. 📊 Colaboración en equipo: 5 identidades de rol (producto/diseño/desarrollo/edición/operaciones), codificadas por colores. 🎯 Posicionamiento preciso: haz clic en títulos, botones, íconos y fondos, localizando cada elemento secundario.\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Sloth\",\"icon_bg_color\":\"skill-bg09\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"],\"fork_count\":1,\"earned_credits\":100,\"price\":100,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"该技能可为任何网页添加团队评审功能,支持AI智能建议、数据持久化和导入导出,实现零配置、多轮迭代的智能化网页评审。\",\"seo_description\":\"为任何HTML网页添加团队评审功能,支持多人协作标注、AI智能建议、数据持久化与导入导出,提升网页评审效率。\",\"input_hint\":\"¿Qué página web quieres revisar? El tema o el código HTML están bien.\",\"slug\":\"ht"])</script><script>self.__next_f.push([1,"ml-web-review-system\",\"featured\":false,\"approved_at\":\"2026-05-12T02:31:18.294Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"leo wang\",\"picture\":\"https://lh3.googleusercontent.com/a/ACg8ocLX3N19DhFU4VpIKzZ36rwCyhqWqBxx01zMytmCdGlz0GmerA=s96-c\"},\"latest_version_id\":\"019e19f8-2d26-7691-8e96-6d387193baa6\"},{\"id\":\"019e0fdb-5d85-7a95-b5a7-9f0859c2fddb\",\"created_at\":\"2026-05-10T03:08:15.109Z\",\"updated_at\":\"2026-05-11T01:17:28.723Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"StoryCanvas\",\"description\":\"Ayuda a los creadores a transformar las referencias estéticas existentes en especificaciones de estilo JSON narrativas reutilizables basadas en páginas, mediante múltiples rondas de verificación.\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Seahorse\",\"icon_bg_color\":\"skill-bg08\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\",\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"],\"fork_count\":1,\"earned_credits\":201,\"price\":201,\"content\":{\"steps\":[{\"instructions\":\"## 角色与目标\\n你是 StoryCanvas,一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片,而是通过多轮对话,帮助已经有审美参考的用户,把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则,整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\\n\\n## 适用输入\\n用户可能提供:\\n- 一段审美风格描述;\\n- 一个已有提示词、JSON 或风格规范;\\n- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述;\\n- 想要模仿或规避的风格;\\n- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\\n\\n## 核心原则\\n- 只提炼用户参考中的可复用规则,不照抄用户示例中的具体主题内容。\\n- 不擅自替用户定稿;当信息不足时,通过多轮提问逐步收敛。\\n- 最终产物是严格规范型 JSON 风格提示词,而不是散文化说明。\\n- Skill 本身不直接交付最终 HTML 成品,也不直接导出 PNG;但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能所需的生成规则。\\n- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关,不得作为随机装饰。\\n- 未经用户明确满意确认的 SVG,不得嵌入最终 JSON。\\n\\n## 开始时必须做的事\\n首先向用户说明:你会分模块共创风格规范,每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档,作为项目管理辅助输出。清单建议包含:\\n\\n```markdown\\n# StoryCanvas 风格确认清单\\n\\n- [ ] 画幅比例已确认\\n- [ ] 文字系统已确认\\n- [ ] 颜色系统已确认\\n- [ ] 叙事口吻 / 精神内核已确认\\n- [ ] 核心 SVG 已确认\\n- [ ] 辅助 SVG 已确认\\n- [ ] 最终 JSON 已确认\\n```\\n\\n每当用户确认一个模块后,更新该确认清单,把对应任务改为已完成。若当前环境无法创建或编辑文档,则在对话中维护同样格式的清单,并明确告知用户。\",\"instructions_raw\":\"$41\",\"localized_instructions_raw\":\"$42\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 模块化确认流程\\n按以下顺序推进。每个模块都必须先给出方案,再让用户确认;用户满意后,才写入 JSON 草案并更新确认清单。\\n\\n### 1. 画幅比例确认\\n询问用户希望生成页面化叙事时使用什么比例,默认推荐 3:5。可选项包括但不限于:3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON"])</script><script>self.__next_f.push([1," 草案的 `canvas_system`。\\n\\n### 2. 文字系统确认\\n引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括:字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码,用于让用户查看文字层级效果。\\n\\n### 3. 颜色系统确认\\n引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\\n\\n### 4. 叙事口吻 / 精神内核确认\\n引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问:它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感,还是其他精神内核?确认后写入 `narrative_system`,包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\\n\\n### 5. SVG 视觉系统确认\\n根据已确认的叙事精神内核和视觉方向,设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含:名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览,再询问是否满意。只有用户明确满意后,才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\\n\\n### 6. 最终 JSON 生成\\n只有当关键模块全部确认后,才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用,不要夹杂解释性散文。输出后询问用户是否最终确认,并更新确认清单。\",\"instructions_raw\":\"\u003cp\u003e## 模块化确认流程\u003c/p\u003e\u003cp\u003e按以下顺序推进。每个模块都必须先给出方案,再让用户确认;用户满意后,才写入 JSON 草案并更新确认清单。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 1. 画幅比例确认\u003c/p\u003e\u003cp\u003e询问用户希望生成页面化叙事时使用什么比例,默认推荐 3:5。可选项包括但不限于:3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON 草案的 `canvas_system`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 2. 文字系统确认\u003c/p\u003e\u003cp\u003e引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括:字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码,用于让用户查看文字层级效果。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 3. 颜色系统确认\u003c/p\u003e\u003cp\u003e引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 4. 叙事口吻 / 精神内核确认\u003c/p\u003e\u003cp\u003e引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问:它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感,还是其他精神内核?确认后写入 `narrative_system`,包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 5. SVG 视觉系统确认\u003c/p\u003e\u003cp\u003e根据已确认的叙事精神内核和视觉方向,设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含:名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览,再询问是否满意。只有用户明确满意后,才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 6. 最终 JSON 生成\u003c/p\u003e\u003cp\u003e只有当关键模块全部确认后,才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用,不要夹杂解释性散文。输出后询问用户是否最终确认,并更新确认清单。\u003c/p\u003e\",\"localized_instructions_raw\":\"$43\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## HTML 预览交互规则\\n每当需要用户查看文字、颜色或 SVG 视觉效果时,必须询问用户"])</script><script>self.__next_f.push([1,"选择预览方式:\\n\\n“你希望我只生成 HTML 代码,由你自己复制到本地查看,还是希望我直接在 YouMind 的代码预览中打开?如果选择在 YouMind 中直接预览,体验会更直观,但可能会稍慢一点。”\\n\\n如果用户选择只生成代码:\\n- 输出完整、可复制的单文件 HTML 示例;\\n- 代码应包含 `\u003c!DOCTYPE html\u003e`、`\u003chtml\u003e`、`\u003chead\u003e`、`\u003cstyle\u003e`、`\u003cbody\u003e`;\\n- 若涉及 SVG,应直接内嵌 SVG,不依赖外部图片;\\n- 告诉用户保存为 `.html` 后可在浏览器打开查看。\\n\\n如果用户选择在 YouMind 中预览:\\n- 使用可用的网页或代码预览能力生成预览;\\n- 提醒用户该方式可能较慢;\\n- 预览后继续询问是否满意,满意才进入下一模块。\\n\\n无论使用哪种方式,预览代码都只是验证工具,不是最终交付物。最终交付物仍然是 JSON 风格提示词。\",\"instructions_raw\":\"\u003cp\u003e## HTML 预览交互规则\u003c/p\u003e\u003cp\u003e每当需要用户查看文字、颜色或 SVG 视觉效果时,必须询问用户选择预览方式:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e“你希望我只生成 HTML 代码,由你自己复制到本地查看,还是希望我直接在 YouMind 的代码预览中打开?如果选择在 YouMind 中直接预览,体验会更直观,但可能会稍慢一点。”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择只生成代码:\u003c/p\u003e\u003cp\u003e- 输出完整、可复制的单文件 HTML 示例;\u003c/p\u003e\u003cp\u003e- 代码应包含 `\u0026lt;!DOCTYPE html\u0026gt;`、`\u0026lt;html\u0026gt;`、`\u0026lt;head\u0026gt;`、`\u0026lt;style\u0026gt;`、`\u0026lt;body\u0026gt;`;\u003c/p\u003e\u003cp\u003e- 若涉及 SVG,应直接内嵌 SVG,不依赖外部图片;\u003c/p\u003e\u003cp\u003e- 告诉用户保存为 `.html` 后可在浏览器打开查看。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择在 YouMind 中预览:\u003c/p\u003e\u003cp\u003e- 使用可用的网页或代码预览能力生成预览;\u003c/p\u003e\u003cp\u003e- 提醒用户该方式可能较慢;\u003c/p\u003e\u003cp\u003e- 预览后继续询问是否满意,满意才进入下一模块。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e无论使用哪种方式,预览代码都只是验证工具,不是最终交付物。最终交付物仍然是 JSON 风格提示词。\u003c/p\u003e\",\"localized_instructions_raw\":\"$44\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$45\",\"instructions_raw\":\"$46\",\"localized_instructions_raw\":\"$47\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 质量标准与禁止事项\\n\\n### 必须做到\\n- 每轮最多提出 1–2 个关键问题,避免一次性压给用户太多选择。\\n- 对模糊审美参考进行拆解和追问,而不是武断定稿。\\n- 每个模块都先给方案、再给预览、再等用户确认。\\n- 每次用户确认后,更新确认清单。\\n- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\\n- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\\n- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\\n\\n### 严禁事项\\n- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\\n- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\\n- 不得生成不可解析的伪 JSON。\\n- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\\n- 不得让 SVG 脱离用户叙事精神内核。\\n- 不得默认用户一定要 3:5;3:5 只是默认建议,仍需确认。\\n- 不得直接交付最终 HTML 成品替代 JSON。\\n\\n## 示例交互片段\\n用户:我想做一种冷静、锋利、适合讲商业事件的页面风格。\\n\\n你应回应:\\n“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅:默认我建议 3:5,适合社媒分页阅读。你想使用 3:5,还是改为 4:5、9:16 或自定义比例?”\\n\\n用户确认比例后,你再进入文字系统,而不是直接生成最终 JSON。\\n\\n## 自检清单\\n在输出最终 JSON 前检查:\\n- 画幅比例是否已确认?\\n- 文字系统是否已确认?\\n- 颜色系统是否已确认?\\n- 叙事口吻 / 精神内核是否已确认?\\n- 所有嵌入 JSON 的 SVG 是否"])</script><script>self.__next_f.push([1,"已由用户明确满意?\\n- 确认清单是否已更新?\\n- JSON 是否合法、字段是否稳定、是否便于机器读取?\\n- 是否避免了未经确认的假设和随机装饰?\",\"instructions_raw\":\"$48\",\"localized_instructions_raw\":\"$49\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"images\"],\"featured_reason\":\"StoryCanvas能将创作者的审美理念转化为机器可读的JSON风格规范,通过模块化流程确保每个细节都符合用户预期,是打造个性化叙事风格的得力助手。\",\"seo_description\":\"StoryCanvas助创作者将审美、文字、色彩等转化为机器可读的JSON风格提示词,定制专属页面叙事规范。\",\"input_hint\":\"Describe el estilo que deseas o proporciona algunas referencias.\",\"slug\":\"story-style-json-generator\",\"featured\":false,\"approved_at\":\"2026-05-10T11:31:59.015Z\",\"categories\":[\"webpage\",\"write\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e0fde-fd3b-732f-9b12-932fb115df87\"},{\"id\":\"019e0d6d-17bb-75cd-a670-94b9a379d6cc\",\"created_at\":\"2026-05-09T15:48:33.851Z\",\"updated_at\":\"2026-05-11T08:20:00.483Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"Para ser PDF\",\"description\":\"Este software convierte contenido de referencia, como artículos, informes, notas, Markdown y texto extraído de archivos PDF, en archivos HTML de un solo archivo con calidad de impresión A4. Selecciona colores de acento de forma adaptativa según el tema del contenido, inserta ilustraciones SVG minimalistas dibujadas a mano, corrige automáticamente problemas de impresión como páginas en blanco, líneas sueltas y elementos truncados al exportar archivos PDF, y abre el PDF directamente con un panel de lienzo en el paso final, lo que permite a los usuarios visualizar, imprimir o exportar archivos PDF sin copiar y pegar código.\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"SeaShell\",\"icon_bg_color\":\"skill-bg03\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\",\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"],\"fork_count\":1,\"earned_credits\":200,\"price\":200,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"learn\"],\"featured_reason\":\"这款技能能将各种内容智能转换为精美的 A4 打印/PDF 导出 HTML 文档,并自动修复打印兼容性问题,确保排版完美。\",\"seo_description\":\"将内容转为精美A4打印与PDF导出的HTML文档,融入语义SVG插画,并优化打印兼容性,提供无缝阅读体验。\",\"input_hint\":\"Envíame tu contenido, artículos o notas, y te ayudaré a organizarlos en páginas web imprimibles en formato A4.\",\"slug\":\"convert-to-pdf\",\"featured\":false,\"approved_at\":\"2026-05-10T11:30:27.941Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e1615-a655-72be-9e1d-d2c27739250b\"}],\"publicConfig\":{\"PUBLIC_AGENT_MODEL_MAP\":{\"lite\":\"deepseek-v4-pro\",\"pro\":\"claude-4-5-sonnet\",\"max\":\"claude-4-5-sonnet\"},\"PUBLIC_AGENT_MODEL_TIER_OPTIONS\":{\"lite\":[\"deepseek-v4-pro\",\"kimi-k2.6\"],\"pro\":[\"claude-4-5-sonnet\",\"gpt-5-4\"],\"max\":[\"claude-4-6-opus\",\"gpt-5-5\"]},\"PUBLIC_AGENT_MODELS\":[\"claude-4-5-sonnet\",\"claude-4-5-opus\",\"minimax-m2\",\"glm-4.7\",\"kimi-k2.5\"],\"PUBLIC_ANNUAL_REPORT_OPEN\":false,\"PUBLIC_APPLE_ON_DEVICE_MODELS\":[{\"name\":\"base\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-ba"])</script><script>self.__next_f.push([1,"se.aar\",\"size\":172067706,\"checksum\":\"66d482ef02f14abec5fa914aecc345adf465691708ba952876ee60f6d6e72424\"},{\"name\":\"small\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-small.aar\",\"checksum\":\"4ea5041a2a5a42c9e8d95eef1c3e814a0c9d067cf54c44e1fab9baa7303a5961\",\"size\":616449150}],\"PUBLIC_ASK_AI_MODELS\":[\"gpt-4o\",\"gpt-4o-mini\",\"gpt-4.1\",\"gpt-5\",\"gpt-5-mini\",\"claude-4-sonnet\",\"claude-4-5-sonnet\",\"gemini-2.5-flash\",\"deepseek/deepseek-r1\",\"o4-mini\",\"gemini-2.5-pro\"],\"PUBLIC_ASK_AI_MODELS_V2\":[\"gpt-5-5\",\"gpt-4o\",\"claude-4-7-opus\",\"claude-4-6-opus\",\"claude-4-6-sonnet\",\"claude-4-5-sonnet\",\"gemini-3.1-pro-preview\",\"gemini-3-flash-preview\",\"deepseek-v4-pro\",\"deepseek-v4-flash\",\"kimi-k2.6\",\"glm-4.7\",\"minimax-m2-5\"],\"PUBLIC_CHAT_ABORT_SWITCH\":true,\"PUBLIC_CRAFT_AI_MODELS\":{\"page\":[\"claude-4-6-sonnet\",\"claude-4-7-opus\",\"gpt-5-5\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\"],\"webpage\":[\"claude-4-7-opus\",\"claude-4-6-sonnet\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\",\"glm-4.7\"]},\"PUBLIC_DEFAULT_AI_AGENT_MODEL\":\"kimi-k2.5\",\"PUBLIC_DEFAULT_AI_CHAT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_AI_IMAGE_MODEL\":\"gpt-image-2-2026-04-21\",\"PUBLIC_DEFAULT_AI_WEBPAGE_MODEL\":\"claude-4-6-sonnet\",\"PUBLIC_DEFAULT_AI_WORKFLOW_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_DEFAULT_AI_WRITE_MODEL\":\"gemini-3.1-pro-preview\",\"PUBLIC_DEFAULT_COMPACT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_SPRITE_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_EXTENSION_ASK_AI_MODELS\":[\"gemini-2.5-flash\"],\"PUBLIC_FF_NEW_BOARD_V2\":true,\"PUBLIC_FF_TURNSTILE_SIGN_IN_ENABLED\":false,\"PUBLIC_IMAGE_MODELS\":[\"gpt-image-2-2026-04-21\",\"gemini-3-pro-image-preview\",\"gemini-3.1-flash-image-preview\",\"seedream-5-0-lite-260128\",\"qwen-image-2.0-pro\",\"qwen-image-2.0\"],\"PUBLIC_LAST_YOUWEB_RELEASE_TIME\":\"2026-05-18T16:04:53Z\",\"PUBLIC_MOBILE_OFFLINE_PACKAGE_ENABLED\":false,\"PUBLIC_MODEL_DEFINITION\":{\"gpt-4o\":{\"title\":\"GPT-4o\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-4o-mini\":{\"title\":\"GPT-4o mini\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"o4-mini\":{\"title\":\"o4-mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"o4-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":100000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"fake_reasoning\":true}},\"gpt-4.1\":{\"title\":\"GPT-4.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4.1\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":32768,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-5\":{\"title\":\"GPT-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-reasoning\":{\"title\":\"GPT-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-reasoning\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gpt-5-1\":{\"title\":\"GPT-5.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5-1\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-mini\":{\"title\":\"GPT-5 mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gpt-5-nano\":{\"title\":\"GPT-5 nano\",\"type\":\"reasoning\",\"from\":\"openai\",\""])</script><script>self.__next_f.push([1,"value\":\"gpt-5-nano\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"text-embedding-3-large\":{\"title\":\"embedding\",\"type\":\"embedding\",\"from\":\"openai\",\"value\":\"text-embedding-3-large\",\"providers\":[\"openai\",\"azure\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"speech-2.6-hd\":{\"title\":\"MiniMax Speech 2.6 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.6-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{}},\"speech-2.8-hd\":{\"title\":\"MiniMax Speech 2.8 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.8-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\"},\"gpt-image-1\":{\"title\":\"GPT Image 1\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"claude-3-5-haiku\":{\"title\":\"Claude 3.5 Haiku\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-3-7-sonnet\":{\"title\":\"Claude 3.7 Sonnet\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-7-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-haiku\":{\"title\":\"Claude Haiku 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-sonnet\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"claude-4-5-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-5-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"display_thinking_tag\":true}},\"deepseek/deepseek-r1\":{\"title\":\"DeepSeek V3.2\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek/deepseek-r1\",\"providers\":[\"deepseek\",\"openrouter\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"fake_reasoning\":false,\"display_thinking_tag\":true,\"disable_tools\":true}},\"gemini-2.5-pro\":{\"title\":\"Gemini 2.5 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-2.5-pro\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"fake_reasoning\":true}},\"gemini-2.5-flash\":{\"title\":\"Gemini 2.5 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-2.5-flash\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_u"])</script><script>self.__next_f.push([1,"rl\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"qwen-turbo\":{\"title\":\"Qwen Turbo\",\"type\":\"chat\",\"from\":\"qwen\",\"value\":\"qwen-turbo\",\"providers\":[\"aliyun\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"qwen3-tts-flash\":{\"title\":\"Qwen3 TTS Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"qwen3-tts-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"cosyvoice-v3-flash\":{\"title\":\"CosyVoice v3 Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"cosyvoice-v3-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"eleven_v3\":{\"title\":\"Eleven Labs V3\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_v3\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"eleven_music_v1\":{\"title\":\"Eleven Labs Music V1\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_music_v1\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"flowspeech\":{\"title\":\"ListenHub FlowSpeech\",\"type\":\"tts\",\"from\":\"listenhub\",\"value\":\"flowspeech\",\"providers\":[\"listenhub\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gemini-2.5-flash-tts\":{\"title\":\"Gemini 2.5 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-flash-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-pro-tts\":{\"title\":\"Gemini 2.5 Pro TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-pro-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-flash-image-preview\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\"},\"jimeng-t2i-v4.0\":{\"title\":\"JiMeng 4.0\",\"type\":\"image\",\"from\":\"volcengine\",\"value\":\"jimeng-t2i-v4.0\",\"providers\":[\"volcengine\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_jimeng.png\",\"extra\":{\"display_free\":false}},\"grok-4\":{\"title\":\"Grok 4\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast\":{\"title\":\"Grok 4 Fast\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4-fast\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast-reasoning\":{\"title\":\"Grok 4 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-fast-reasoning\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"fake_reasoning\":true,\"paid_user_only\":false}},\"kimi-k2\":{\"title\":\"Kimi K2\",\"type\":\"chat\",\"from\":\"moonshot\",\"value\":\"kimi-k2\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":true}},\"kimi-k2-thinking\":{\"title\":\"Kimi K2 Thinking\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2-thinking\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":true}},\"minimax-m2\":{\"title\":\"MiniMax M2\",\"type\":\"chat\",\"from\":\"minimax\",\"value\":\"minimax-m2\",\"providers\":[\"minimax\"],\"input_token_limit\":160000,\"output_token_limit\":8190,\"icon_url\":"])</script><script>self.__next_f.push([1,"\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"gemini-3-pro-preview\":{\"title\":\"Gemini 3 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":true}},\"grok-4-1-fast-reasoning\":{\"title\":\"Grok 4.1 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-1-fast-reasoning\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-pro-image-preview\":{\"title\":\"Nano Banana Pro\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3-pro-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"claude-4-5-opus\":{\"title\":\"Claude Opus 4.5\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-5-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-chat\":{\"title\":\"DeepSeek V3.2\",\"type\":\"chat\",\"from\":\"deepseek\",\"value\":\"deepseek-chat\",\"providers\":[\"deepseek\"],\"input_token_limit\":128000,\"output_token_limit\":8000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"doubao-seedream-4-5-251128\":{\"title\":\"Seedream 4.5\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"doubao-seedream-4-5-251128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"gpt-5-2\":{\"title\":\"GPT-5.2\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-2\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"extra\":{\"disable_image_input\":false,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-flash-preview\":{\"title\":\"Gemini 3 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-3-flash-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"gpt-image-1.5\":{\"title\":\"GPT Image 1.5\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1.5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"kling-v2-5-turbo\":{\"title\":\"Kling video 2.5 turbo\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v2-5-turbo\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"kling-v1-6\":{\"title\":\"Kling video 1.6\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v1-6\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"seedance-1-5-pro-251215\":{\"title\":\"Seedance 1.5 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-5-pro-251215\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"seedance-1-0-pro-250528\":{\"title\":\"Seedance 1.0 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-0-pro-250528\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"minimax-m2-1\":{\"title\":\"MiniMax M2.1\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-1\",\"providers\":[\"minimax\"],\"input_token_limit\":204800,\"output_token_limit\":8190,\""])</script><script>self.__next_f.push([1,"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"glm-4.7\":{\"title\":\"GLM 4.7\",\"type\":\"reasoning\",\"from\":\"openrouter\",\"value\":\"glm-4.7\",\"providers\":[\"openrouter\"],\"input_token_limit\":200000,\"output_token_limit\":65536,\"icon_url\":\"https://cdn.gooo.ai/assets/zhipuai.png\",\"extra\":{\"display_free\":false,\"disable_image_input\":true}},\"claude-4-6-opus\":{\"title\":\"Claude Opus 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-opus\",\"providers\":[\"anthropic\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"gemini-2.5-flash-image\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{}},\"kimi-k2.5\":{\"title\":\"Kimi K2.5\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.5\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false}},\"claude-4-6-sonnet\":{\"title\":\"Claude Sonnet 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-sonnet\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"minimax-m2-5\":{\"title\":\"MiniMax M2.5\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-5\",\"providers\":[\"minimax\"],\"input_token_limit\":200000,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false,\"fake_reasoning\":false}},\"gemini-3.1-pro-preview\":{\"title\":\"Gemini 3.1 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65536,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gemini-3.1-flash-image-preview\":{\"title\":\"Nano Banana 2\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3.1-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"qwen-image-2.0\":{\"title\":\"Qwen Image 2.0\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"qwen-image-2.0-pro\":{\"title\":\"Qwen Image 2.0 Pro\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0-pro\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"gpt-5.3-chat-latest\":{\"title\":\"GPT-5.3\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5.3-chat-latest\",\"providers\":[\"openai\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gemini-3.1-flash-lite-preview\":{\"title\":\"Gemini 3 Flash Lite\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-flash-lite-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gpt-5-4\":{\"title\":\"GPT-5.4\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-4\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":272000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"grok-imagine-video\":{\"title\":\"Grok Imagine Video\",\"type\":\"video\",\"from\":\"xai\",\"value\":\"grok-imagine"])</script><script>self.__next_f.push([1,"-video\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":true}},\"seedream-5-0-lite-260128\":{\"title\":\"Seedream 5.0 Lite\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"seedream-5-0-lite-260128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"doubao-seedance-2-0-260128\":{\"title\":\"Seedance 2.0\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"doubao-seedance-2-0-fast-260128\":{\"title\":\"Seedance 2.0 Fast\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-fast-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"claude-4-7-opus\":{\"title\":\"Claude Opus 4.7\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-7-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"kimi-k2.6\":{\"title\":\"Kimi K2.6\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.6\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false,\"paid_user_only\":false}},\"gpt-image-2-2026-04-21\":{\"title\":\"GPT Image 2\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-2-2026-04-21\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{}},\"gpt-5-5\":{\"title\":\"GPT-5.5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-5\",\"providers\":[\"openai\",\"aihubmix\",\"azure\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-v4-pro\":{\"title\":\"DeepSeek V4 Pro\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-pro\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"deepseek-v4-flash\":{\"title\":\"DeepSeek V4 Flash\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-flash\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"gemini-3.1-flash-tts\":{\"title\":\"Gemini 3.1 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-3.1-flash-tts\",\"providers\":[\"google\",\"vertexai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{}},\"veo-3.1-generate-001\":{\"title\":\"Veo 3.1\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"providers\":[\"vertexai\"],\"extra\":{}},\"veo-3.1-fast-generate-001\":{\"title\":\"Veo 3.1 Fast\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-fast-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"providers\":[\"vertexai\"],\"extra\":{}},\"happyhorse-1.0\":{\"title\":\"HappyHorse 1.0\",\"type\":\"video\",\"from\":\"qwen\",\"value\":\"happyhorse-1.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/model-icons/happyhorse-1.0.png\",\"extra\":{}}},\"PUBLIC_OFFLINE_WEB_PACKAGES\":[{\"name\":\"youweb\",\"url\":\"https://cdn.gooo.ai/offline-packages/production/youweb/4f8c051c25/4f8c051c25.zip\",\"shasum\":\"e6046b98cce4f36127dfcbea39fb7968eb0202022"])</script><script>self.__next_f.push([1,"5d5471d6fe249ff89ecafbe\"}],\"PUBLIC_PRODUCT_TIER_LIMITS\":{\"free\":{\"file_size\":10485760,\"video_file_size\":0},\"pro\":{\"file_size\":104857600,\"video_file_size\":524288000},\"max\":{\"file_size\":524288000,\"video_file_size\":1073741824}},\"PUBLIC_PRODUCT_TIER_QUOTAS\":{\"free\":{\"storage\":107374182400,\"new_snip\":100,\"nano_banana_pro\":2,\"image_generation\":2,\"ppt_generate\":1},\"pro\":{\"storage\":107374182400},\"max\":{\"storage\":107374182400}},\"PUBLIC_SPRITE_MODELS\":[\"deepseek-v4-pro\",\"claude-4-6-opus\",\"gemini-3.1-pro-preview\"],\"PUBLIC_TOOL_AS_SKILL\":{\"learn\":{\"skillId\":\"019c274d-217c-71f8-ba62-770abf25c4a6\"},\"research\":{\"skillId\":\"019c2855-1439-71b5-8699-936ec99b13c7\"},\"write\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"proxyWrite\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"generateWebpage\":{\"skillId\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\"},\"imageGenerate\":{\"skillId\":\"019c4d56-f23a-78a7-9ebb-af41b8993a0e\"},\"slidesGenerate\":{\"skillId\":\"019c4d57-c814-7c20-8ee3-94ed9d19a2c6\"},\"dispatchArticle\":{\"skillId\":\"019d966e-8bdd-7238-9047-065b3e9f7344\"},\"videoGenerate\":{\"skillId\":\"019d4d32-6768-7b4c-a44a-e44789260a9f\"}},\"PUBLIC_TURNSTILE_EMAIL_WHITELIST_DOMAINS\":[\"163.com\",\"gmail.com\",\"proton.me\"],\"PUBLIC_YOUTUBE_BOARD_EXAMPLE_URL\":\"https://youtu.be/n3Xv_g3g-mA\"},\"idealPath\":\"$undefined\"}]]}]}]\n"])</script></body></html>