Para creadores de contenido
Skills generadoras de imágenes OG para agentes de IA
Instala una Skill, dale a tu agente el título de una página y un titular breve, y obtén una imagen para compartir en uno de 49 estilos. El mismo aspecto cada vez que publicas.
Funciona en
y más de 30 agentes más
y más de 30 agentes másEjemplos de imágenes OG por estilo
Cada tarjeta es una imagen real creada por la Skill. Abre una para ver su conjunto completo, las entradas y lo que necesita para ejecutarse.
Respuesta rápida
¿Qué es una imagen Open Graph?
Una imagen Open Graph (OG) es la imagen que aparece cuando se comparte un enlace en X, LinkedIn, Slack o iMessage. La página la indica en una meta etiqueta og:image. Sin ella, al compartir se ve un enlace desnudo o un recorte aleatorio.
Post
Skillry@skillrydev · 2h
Nueva guía: dale a cada página que compartes una buena vista previa de enlace. skillry.dev/learn
Practical skills, ready when you areDe skillry.dev
Esta imagen es la imagen OG124832618K
Dana Ortiz@danaships · 1h
@skillrydev Lo haré en mi blog a continuación. La vista previa es lo que me hizo dejar de hacer scroll.
19640
<meta property="og:image">- Tamaño recomendado
- 1200 × 630 px (1.91:1)
- Lo que generan estas Skills
- Una imagen 16:9 por ejecución, por ejemplo 1200 × 675
- ¿Encaja en vistas previas 1.91:1?
- Sí, con un ligero recorte arriba y abajo
- Lo que aportas
- Nombre de la marca o del proyecto, un titular breve, contexto de la página
- Texto en la imagen
- Un titular breve; no admite textos largos
- Coste de uso
- Generación de imágenes de pago en tu propia cuenta de FAL
Genera una imagen para compartir en redes a partir de tu título
Tres pasos en Claude Code, Codex o cualquier agente que lea SKILL.md.
1Instala la Skill
Copia el prompt de instalación en la página de la Skill y pégalo en tu agente.
2Dale tu título
Pon nombre a la página, escribe un titular breve y di a quién va dirigida.
3Revisar y publicar
Revisa la imagen, mantén el titular legible a tamaño miniatura y luego configúrala como
og:image.
¿Por qué no pedirle a tu IA una imagen OG sin más?
Pedirlo directamente te da un resultado. Una Skill añade lo que lo hace fiable y repetible.
Pedírselo a tu IACon esta Skill
Punto de partidaPedírselo a tu IA: Describes un estilo desde cero cada vezUna receta visual fija para un estilo, lista desde la primera ejecución
TitularPedírselo a tu IA: El texto suele salir confuso o demasiado largoUn titular breve con un diseño y una jerarquía fijos
CoherenciaPedírselo a tu IA: Cada página tiene un aspecto ligeramente distintoEl mismo estilo en cada página que publicas
EntregaPedírselo a tu IA: Una imagen suelta en el chatUn archivo de imagen guardado y un prompt que puedes volver a ejecutar
FAQ del generador de imágenes OG
Lo que no hacen estas Skills
- No revisan ni prueban tus etiquetas
og:imageexistentes. - No escriben las meta etiquetas en tu sitio por ti.
- No están pensadas para textos largos ni gráficos complejos dentro de la imagen.
¿Qué tamaño debe tener una imagen OG?
Usa 1200 × 630 px (proporción 1.91:1) para la máxima compatibilidad. Estas Skills generan imágenes 16:9, que la mayoría de plataformas muestran con un pequeño recorte arriba y abajo, así que aleja el titular de los bordes.
¿Hay Skills de imagen OG gratuitas?
Sí. Las Skills de OG Notion Style y Linktree Style se instalan gratis. Como las de pago, usan la generación de imágenes de tu propia cuenta de FAL, que factura FAL.
¿Puedo añadir mi logo?
Dale al agente el nombre de tu marca o proyecto y describe dónde va el logo. Para un archivo de logo exacto, colócalo sobre la imagen terminada en tu editor; las Skills no garantizan un renderizado del logo exacto al píxel.
¿Qué agentes pueden ejecutar estas Skills?
Cualquier agente que lea carpetas SKILL.md, incluidos Claude Code, Codex, Cursor y Gemini CLI. Se necesita Node.js 20 o superior para el script de generación incluido.
Más tareas para creadores de contenido
Cada tarea tiene sus propias Skills, ejemplos reales y FAQ.
Imágenes de portada para blogUna imagen principal que sostiene el argumento
Gráficos de citaUna idea, una tarjeta cuadrada
Ilustraciones para artículosUna idea de tu artículo, dibujada
Sitios web de una sola páginaTodo el sitio de un producto en un solo archivo HTML