# Og Image Design

> Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

Source: https://skillsagentes.com/skills/skills-101/superpowers/og-image-design
Repository: https://github.com/skills-101/superpowers
Author: skills-101
License: not specified
Updated: hace 11 días
Context cost: 112 tok installed, 2.6k tok once triggered, 2.6k tok with every bundled file
Bundle: 1 file, 10 KB
Permissions requested: bash(belt *)

## Install

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

## What it does

- 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

## Use it when

- 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

## What triggers it

- "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"

## Before you install

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

## Files

- SKILL.md — 10 KB

## SKILL.md

Not reproduced here. Read it at https://github.com/skills-101/superpowers/blob/main/guides/design/og-image-design/SKILL.md

---

Skills Agentes — https://skillsagentes.com/skills/skills-101/superpowers/og-image-design