CommunityProgramación y desarrollogithub.com

xDylanLong/dylan-cover-generator

Habilidad de Codex para generar portadas verticales de alto impacto para redes sociales.

¿Qué es dylan-cover-generator?

Esta habilidad de Codex permite generar portadas verticales llamativas y profesionales para redes sociales, optimizadas para plataformas como YouTube, Instagram, TikTok o LinkedIn. Utiliza principios de diseño visual y formato vertical (9:16) para maximizar el impacto visual y la tasa de clics. La habilidad se integra directamente con el agente Codex, permitiendo que, a partir de una descripción textual o parámetros específicos (como el título, el tono visual y el tema), se genere código HTML/CSS o imágenes SVG listas para usar. Es especialmente útil para creadores de contenido, marketeros y desarrolladores que necesitan producir múltiples variantes de portadas de forma rápida y consistente sin salir del entorno de desarrollo.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add xDylanLong/dylan-cover-generator

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

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

Documentación

¿Qué hace dylan-cover-generator?

Habilidad de Codex para generar portadas verticales de alto impacto para redes sociales.

Descripción

Esta habilidad permite a Codex crear diseños de portadas optimizados para formato vertical (9:16) utilizando HTML/CSS o SVG. Solo necesitas proporcionar una descripción del tema, el título deseado y el estilo visual, y la habilidad generará el código de la portada lista para previsualizar o exportar.

Plataformas soportadas

  • YouTube (Short)
  • Instagram (Reels / Post vertical)
  • TikTok
  • LinkedIn (post vertical)
  • Cualquier plataforma que utilice formato 9:16

Cómo usar

  1. Invoca la habilidad con el comando /cover-generator o mediante una instrucción natural como "Genera una portada para un video de YouTube sobre desarrollo de IA".
  2. Opcionalmente, especifica parámetros como:
    • title: El título principal de la portada.
    • subtitle: Un subtítulo opcional.
    • style: Estilo visual (minimalista, moderno, llamativo, oscuro, claro).
    • accentColor: Color de acento (hex, RGB o nombre de color).
    • platform: La plataforma objetivo (YouTube, Instagram, etc.).
  3. La habilidad generará un archivo HTML o SVG completo que puedes abrir en un navegador o editor de imágenes.

Ejemplo

/cover-generator title="5 Trucos de Python" style="moderno" accentColor="#00D084" platform="youtube"

Esto generará una portada vertical con fondo degradado, texto centrado y un diseño moderno listo para usar.

Limitaciones

  • La generación se limita a código basado en HTML/CSS y SVG. No exporta imágenes rasterizadas directamente, pero puedes capturar la pantalla o utilizar herramientas de conversión.
  • Para diseños muy complejos con fotografías o tipografías específicas, puede ser necesario ajustar manualmente el código generado.

Notas técnicas

  • El código generado no depende de bibliotecas externas; es autónomo y ligero.
  • Los diseños son responsivos dentro del viewport vertical.
  • Se recomienda probar la portada en un navegador antes de usarla en producción.

Skills relacionados