Og Image Design

Name: Og Image Design
Author: skills-101

Diseño de imágenes Open Graph y para compartir en redes, con especificaciones por plataforma, ubicación de texto y branding; cubre meta tags og, Twitter cards, previews de LinkedIn y generación dinámica.

Solicitabash(belt *)

Estrellas: 17
Actividad: 60
Actualizado: el mes pasado
Commits: 2
Contexto: 2.6k tok
Paquete: 1 archivo

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add skills-101/superpowers --skill og-image-design --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

Genera imágenes Open Graph con belt app run infsh/html-to-image o falai/flux-dev-lora, con plantillas HTML para blog, lanzamiento de producto y tutorial
Aplica especificaciones por plataforma (Facebook, Twitter/X, LinkedIn, Discord, Slack) para dimensiones, formato y tamaño
Define reglas de diseño: tamaño de texto, zonas seguras de 40px, contraste y fondos oscuros preferidos
Proporciona las etiquetas meta og: y twitter: necesarias y enlaces a herramientas de validación

Úsalo cuando

Crear imágenes de compartir en redes sociales, miniaturas de blog, previews de enlaces o social cards
Definir o corregir og:image, twitter:card y otras meta etiquetas de una página
Diseñar un sistema consistente de imágenes OG para varias páginas de un sitio o blog

No lo uses cuando

Qué lo activa

Di cualquiera de estas frases y el agente debería cargar este skill.

“Genera una imagen OG de 1200x630 para mi artículo de blog”
“Ayúdame a escribir las meta etiquetas og:image y twitter:card de mi web”
“Crea una social card oscura para el lanzamiento de mi producto”

Archivos

1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

SKILL.md10 KB

Antes de instalar

Requiere instalar y autenticar el CLI belt de inference.sh (npx skills add belt-sh/cli, belt login).

Necesita en el PATH:npx

Detalles

Creador: skills-101
Categoría: Diseño y UI
Licencia: No especificada
Recursos incluidos: Solo SKILL.md
Repositorio: skills-101/superpowers
Código fuente: Ver SKILL.md