Communitygithub.com

ozor-landing-page-to-video

Convierte cualquier página web o landing page en un prompt de video listo para usar en Ozor.ai. Utiliza esta habilidad cada vez que el usuario proporcione una URL, el contenido de una landing page o el texto de un sitio web y quiera convertirlo en un video.

¿Qué es ozor-landing-page-to-video?

Esta habilidad transforma cualquier página web, landing page o URL en un prompt de video estructurado y listo para copiar y pegar en Ozor.ai. Es útil para automatizar la creación de videos promocionales, explicativos de productos o resúmenes de marca a partir del contenido existente de una web. El flujo de trabajo se divide en cuatro fases: 1) Analizar la página para extraer el mensaje principal, propuestas de valor, pruebas sociales, CTA y señales de marca. 2) Elegir el formato de video según el tipo de página (landing, homepage, producto, precios, etc.). 3) Estructurar el video mapeando las secciones de la página a escenas específicas (gancho, problema, solución, beneficios, pruebas sociales, CTA). 4) Generar el prompt completo de Ozor con instrucciones detalladas para cada escena, estilo, colores y tono. Admite todo tipo de páginas: landing pages herológicas, homepages, páginas de producto, precios, acerca de nosotros y listados en tiendas de aplicaciones. Proporciona reglas de adaptación para páginas con mucho texto, páginas minimalistas, SaaS, e-commerce, etc. Incluye una checklist de calidad para verificar que el prompt resultante capture fielmente la esencia de la página. La habilidad se integra perfectamente con asistentes de código como Claude Code y Cursor, permitiendo a los desarrolladores y creadores de contenido generar rápidamente prompts de video profesionales sin tener que redactarlos manualmente.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

Preguntar en tu IA favorita

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

Documentación

Convertidor Ozor de Landing Page a Video

Transforma cualquier landing page, sitio web o URL en un prompt de video estructurado y listo para copiar y pegar en Ozor.ai. Esta habilidad extrae el mensaje, las propuestas de valor y la identidad de marca del contenido web y produce un prompt de video que captura la esencia de la página en movimiento.

Tipos de entrada admitidos

  • URLs — cualquier página web de acceso público
  • Texto de landing page — texto pegado de una página de marketing
  • Contenido de página principal — texto completo y estructura de la página de inicio
  • Páginas de producto — páginas centradas en funcionalidades
  • Páginas de precios — contenido de comparación de planes
  • Páginas Acerca de / Nosotros — historia y misión de la empresa
  • Listados de tiendas de aplicaciones — descripciones de apps iOS/Android

Flujo de trabajo

Fase 1 — Analizar la página

Lee o recupera el contenido de la página y extrae:

  1. Tipo de página — ¿qué tipo de página es?

    • Landing page basada en héroe (enfoque único de producto/funcionalidad)
    • Página principal con múltiples secciones (visión general completa del producto)
    • Página de producto/funcionalidad (análisis profundo de una capacidad)
    • Página de precios (comparación de planes)
    • Página Acerca de / empresa (historia y misión)
  2. Mensaje principal — el titular o texto héroe. Este se convierte en el gancho del video.

  3. Propuestas de valor — extrae los 3–5 beneficios o puntos de venta clave. Estos se convierten en las escenas intermedias.

  4. Prueba social — busca:

    • Logos o conteos de clientes ("Usado por más de 10 000 equipos")
    • Testimonios o citas
    • Métricas ("99,9 % de tiempo activo", "2 veces más rápido")
    • Premios, menciones en prensa, certificaciones
  5. CTA — ¿qué quiere que hagan los visitantes en la página? ("Iniciar prueba gratuita", "Reservar una demo", "Descargar ahora")

  6. Señales de marca — extrae de la página:

    • Nombre del producto/empresa
    • Colores primarios (de CSS, botones o inspección visual)
    • Tono de voz (profesional, divertido, técnico, cálido)
    • Presencia del logotipo
  7. Recursos visuales — anota cualquier captura de pantalla del producto, ilustraciones o imágenes que puedan referenciarse.

Fase 2 — Elegir el formato de video

Según el tipo de página y el canal de distribución probable:

Tipo de páginaVideo primarioVideo secundario
Landing page30–45 s lanzamiento de producto, 8–12 escenas (16:9)15 s teaser social, 5 escenas (9:16)
Página principal45–60 s resumen de marca, 12–15 escenas (16:9)30 s destacado de producto, 8–10 escenas (9:16)
Página de producto30–45 s explicación de funcionalidad, 8–12 escenas (16:9)15 s teaser de funcionalidad, 5 escenas (9:16)
Página de precios30 s comparación de planes, 8–10 escenas (16:9)—
Página Acerca de / Nosotros45–60 s historia de marca, 12–15 escenas (16:9)—
Listado de app15–30 s vista previa de app, 5–10 escenas (9:16)30 s demo completa, 8–10 escenas (16:9)

Siempre produce el video primario. Menciona el secundario como opción.

Fase 3 — Estructurar el video

Mapea las secciones de la página a escenas de video:

Para landing pages basadas en héroe (más común, ~10–12 escenas):

  1. Gancho — el titular héroe, animado con audacia. Esta es la afirmación principal de la página.
  2. Declaración del problema — si la página menciona un punto de dolor, muéstralo. Si no, dedúcelo de la solución.
  3. Desarrollo del problema — amplía la frustración o el costo del statu quo. Usa una estadística o escenario relatable de la página.
  4. Introducción de la solución — presenta el producto por su nombre con una descripción de una línea. Transición del problema.
  5. Detalle de la solución — el producto en acción. Usa la captura de pantalla principal de la página o describe la interfaz en movimiento.
  6. Beneficio 1 — primera propuesta de valor clave, mostrada como texto en negrita con un visual o animación de ícono.
  7. Beneficio 2 — segunda propuesta de valor clave, mismo tratamiento.
  8. Beneficio 3 — tercera propuesta de valor clave, mismo tratamiento.
  9. Prueba social — métricas — número de clientes, estadísticas de uso o cifras de rendimiento con animaciones de contador.
  10. Prueba social — logotipos/testimonios — logotipos de "confiado por" desplazándose, o una cita corta de testimonio con atribución.
  11. Texto CTA — la llamada a la acción de la página mostrada como texto animado en negrita.
  12. CTA con URL y logotipo — "[CTA exacta]" con la URL de la página y el logotipo del producto. Fundido de salida limpio.

Para páginas principales con múltiples secciones (~12–15 escenas):

  1. Gancho — titular héroe, animado con audacia sobre un fondo de marca.
  2. Subtítulo — subtítulo héroe o descripción de una línea del producto con visual.
  3. Resumen del producto — escena de alto nivel de lo que hace el producto con una captura de pantalla o visual.
  4. Introducción a la funcionalidad 1 — nombre y beneficio de una línea de la primera funcionalidad clave.
  5. Visual de la funcionalidad 1 — captura de pantalla, animación o ícono que ilustra la funcionalidad en acción.
  6. Introducción a la funcionalidad 2 — nombre y beneficio de una línea de la segunda funcionalidad clave.
  7. Visual de la funcionalidad 2 — visual de apoyo para la segunda funcionalidad.
  8. Introducción a la funcionalidad 3 — nombre y beneficio de una línea de la tercera funcionalidad clave.
  9. Visual de la funcionalidad 3 — visual de apoyo para la tercera funcionalidad.
  10. Integración / ecosistema — logotipos de socios, integraciones o alcance de la plataforma (si está en la página).
  11. Prueba social — métricas — número de clientes, estadísticas de uso o cifras de rendimiento.
  12. Prueba social — logotipos/testimonios — logotipos de "confiado por" o una cita de testimonio.
  13. Precios o diferenciador — una mención rápida de la ventaja de precio o diferenciador clave (si está presente).
  14. Texto CTA — llamada a la acción principal como texto animado en negrita.
  15. CTA con URL y logotipo — CTA con la URL de la página y el logotipo del producto. Fundido de salida limpio.

Para páginas de producto/funcionalidad (~8–10 escenas):

  1. Gancho — nombre de la funcionalidad + beneficio de una línea, texto animado en negrita.
  2. Problema — el punto de dolor que resuelve esta funcionalidad.
  3. Cómo funciona — Paso 1 — primer paso del flujo de trabajo, con una captura de pantalla de la interfaz o diagrama.
  4. Cómo funciona — Paso 2 — segundo paso, continuando el recorrido visual.
  5. Cómo funciona — Paso 3 — tercer paso, mostrando el flujo en acción.
  6. Resultado — lo que el usuario logra. Muestra el resultado con un visual antes/después o estado final.
  7. Diferenciador clave — qué hace única a esta funcionalidad frente a alternativas (velocidad, precisión, facilidad).
  8. Prueba social — un testimonio relevante, métrica o caso de estudio vinculado a esta funcionalidad.
  9. Texto CTA — "Prueba [nombre de la funcionalidad]" o la llamada a la acción específica de la página.
  10. CTA con URL y logotipo — CTA con la URL de la página y el logotipo del producto. Fundido de salida limpio.

Fase 4 — Generar el prompt de Ozor

## Prompt de Ozor Video

**Fuente:** [URL de la página o título]
**Tipo de video:** [Lanzamiento de producto / Resumen de marca / Explicación de funcionalidad]
**Formato:** [16:9 horizontal / 9:16 vertical]
**Duración estimada:** [X segundos]
**Público objetivo:** [derivado del contenido de la página]

---

### Prompt (copiar y pegar en Ozor)

Crea un video [duración] [tipo de video] para [Nombre del producto], [descripción de una línea de la página].

[N] escenas:

(1) Gancho — [Titular héroe de la página, mostrado como texto animado en negrita sobre un fondo [oscuro/claro]. El estilo coincide con el tono visual de la página.]

(2) Declaración del problema — [Punto de dolor o frustración que enfrenta el público objetivo, derivado del texto de la página. Visual: animación de texto o ícono relatable.]

(3) Desarrollo del problema — [Amplía el costo o la consecuencia del statu quo. Usa una estadística o escenario de la página.]

(4) Introducción de la solución — [Nombre del producto + descripción de una línea. Transición del problema a la solución. Visual: revelación del logotipo del producto o animación del nombre.]

(5) Detalle de la solución — [El producto en acción. Describe la interfaz, el panel o la interacción clave. Visual: captura de pantalla o animación estilo grabación de pantalla.]

(6) Beneficio 1 — [Primera propuesta de valor de la página, como texto en negrita con ícono o visual de apoyo.]

(7) Beneficio 2 — [Segunda propuesta de valor, mismo tratamiento.]

(8) Beneficio 3 — [Tercera propuesta de valor, mismo tratamiento.]

(9) Prueba social — métricas — [Número de clientes, estadísticas de uso o cifras de rendimiento con animación de contador.]

(10) Prueba social — logotipos/testimonios — [Logotipos de "confiado por" desplazándose, o cita de testimonio con atribución.]

(11) Texto CTA — ["CTA exacta de la página" mostrada como texto animado en negrita. Genera urgencia o emoción.]

(12) CTA con URL y logotipo — ["CTA exacta de la página" con la URL "[URL de la página]". Logotipo de [Producto]. Fundido de salida limpio.]

Estilo: [derivado de la página — minimalista/audaz/juguete/corporativo]. Fondo: [oscuro/claro según el diseño de la página]. Color primario: [extraído de la página, por ejemplo, "#3B82F6"]. Tipografía: [limpia/moderna/serif según la página].
Tono: [derivado del texto de la página — seguro/amigable/técnico/energético].
Audiencia: [derivado del mensaje de la página].

---

### Notas

- Sube una captura de pantalla del producto desde la landing page antes de ejecutar este prompt
- [Color de marca extraído: #XXXXXX — mencionar en el Kit de Marca]
- [Opción de video secundario: "¿Quieres una versión vertical de 15 segundos para Instagram Reels?"]
- [Cualquier contenido de la página que fue despriorizado]

Reglas de adaptación

Si la página tiene mucho texto (landing page de formato largo):

  • Extrae solo los titulares y afirmaciones clave
  • Ignora los párrafos detallados — el video debe ser contundente
  • Limítate a 10–12 escenas independientemente de la longitud de la página
  • Sugiere una serie si la página cubre varios temas distintos

Si la página es minimalista (landing page de startup escasa):

  • Usa el texto limitado tal cual — no añadas relleno
  • Mantén el video corto (15–30 segundos)
  • Enfócate en el gancho y la CTA
  • Sugiere al usuario añadir más contexto para una versión más larga

Si la página tiene una prueba social sólida:

  • Dedica una escena completa a ella
  • Usa logotipos de clientes en una animación de desplazamiento
  • Muestra métricas con animaciones de contador
  • Cita testimonios con atribución

Si la página es un producto SaaS:

  • Muestra la interfaz del producto en al menos una escena
  • Describe animaciones del panel/interfaz específicamente
  • Incluye mención al nivel de precios si es relevante
  • Enfócate en el caso de uso principal, no en todas las funcionalidades

Si la página es un producto de comercio electrónico:

  • Empieza con el visual del producto
  • Incluye el precio si es un punto de venta
  • Muestra prueba social (reseñas, valoraciones)
  • La CTA debe ser "Compra ahora" o "Pide hoy"

Guía de extracción de marca

Al analizar una página, extrae los elementos de marca:

  • Colores: Observa botones, encabezados, acentos. El color del botón CTA primario suele ser el color primario de la marca.
  • Tono: Lee el estilo del texto. Frases cortas y contundentes = energético/seguro. Explicaciones detalladas = profesional/técnico. Lenguaje casual = amigable/cálido.
  • Estilo visual: Fondos oscuros = moderno/premium. Fondos blancos = limpio/minimalista. Colorido = juguetón/creativo.
  • Sensación tipográfica: Titulares grandes y audaces = seguro. Tipo fino y elegante = premium. Tipo redondeado y amigable = accesible.

Incluye estas observaciones en la sección de estilo del prompt para que Ozor coincida con el aspecto y la sensación de la marca.

Lista de verificación de calidad

Antes de presentar el prompt final, verifica:

  • El titular héroe se usa como gancho del video (escena 1)
  • Las propuestas de valor están representadas con precisión
  • La prueba social está incluida si la página la tiene
  • La CTA coincide con la llamada a la acción real de la página
  • Se especifican los colores y el estilo de la marca
  • El video cuenta una historia coherente (no solo una lista de secciones de la página)
  • El texto en pantalla es corto y escaneable
  • La URL del producto está incluida en la escena de la CTA

Reglas

  1. El titular héroe de la página es siempre el gancho del video. No lo reescribas a menos que sea genuinamente confuso.
  2. Extrae, no inventes. Cada afirmación, métrica y beneficio debe provenir de la página. Usa [VERIFY: ...] para cualquier cosa poco clara.
  3. Coincide con el tono visual de la marca. Una marca juguetona recibe un video energético. Una marca corporativa recibe uno pulido.
  4. Incluye siempre la URL en la escena de la CTA. El objetivo es dirigir tráfico de vuelta a la página.
  5. Recomienda subir una captura de pantalla del producto. Las landing pages suelen tener imágenes héroe que deberían estar en la biblioteca de recursos de Ozor.
  6. Ofrece un formato secundario. La mayoría de los videos de landing pages se benefician tanto de una versión 16:9 como 9:16.

Individual skills in this repo

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

ozor-changelog-to-video

Convert changelogs, release notes, and version updates into Ozor.ai video prompts. Use this skill whenever the user has a CHANGELOG.md, release notes, GitHub release, version bump summary, or any list of product changes and wants to turn them into a video. Trigger on phrases like

ozor-doc-to-video

Convert any document into a production-ready Ozor.ai video prompt. Use this skill whenever the user uploads a document (PDF, PowerPoint, Google Doc, Markdown, text file, or URL) and wants to turn it into a video. Also trigger when the user mentions

ozor-prompt-optimizer

Analyze and improve existing Ozor.ai video prompts for better output quality. Use this skill whenever the user has an Ozor prompt that produced mediocre results, wants to improve a video prompt, needs help debugging why a video didn

ozor-social-batch

Generate a batch of social media video prompts for multiple platforms from a single input. Use this skill whenever the user wants to create videos for multiple social platforms at once, repurpose one video across platforms, or create a social media video campaign. Trigger on phrases like

ozor-video-best-practices

Expert guide for crafting high-quality video prompts for Ozor.ai, the AI video generation platform. Use this skill whenever the user mentions Ozor, wants to create a launch video, product demo, feature announcement, explainer video, social ad, release notes video, investor update, tutorial, or any marketing video. Also trigger when the user asks for help writing video prompts, improving video output, structuring video scenes, choosing video formats, or wants best practices for AI video creation. Trigger on phrases like

Skills relacionados