og-images
✓Guía la creación de OpenGraph y Twitter para compartir imágenes usando next/og ImageResponse. Cubre patrones de diseño, fuentes personalizadas, avatares, mayúsculas y minúsculas y reglas Satori. Úselo al crear imágenes OG, tarjetas de Twitter o vistas previas sociales.
Instalación
SKILL.md
Generate dynamic OpenGraph (1200x630) and Twitter (1200x600) images using next/og ImageResponse.
| opengraph-image.tsx | Facebook, LinkedIn, iMessage | 1200x630 | | twitter-image.tsx | Twitter/X cards | 1200x600 | | app/api/og/route.tsx | Dynamic API route | 1200x630 |
Place file-based routes in the relevant route directory (e.g., app/about/opengraph-image.tsx for /about).
Guía la creación de OpenGraph y Twitter para compartir imágenes usando next/og ImageResponse. Cubre patrones de diseño, fuentes personalizadas, avatares, mayúsculas y minúsculas y reglas Satori. Úselo al crear imágenes OG, tarjetas de Twitter o vistas previas sociales. Fuente: richtabor/agent-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/richtabor/agent-skills --skill og-images- Fuente
- richtabor/agent-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es og-images?
Guía la creación de OpenGraph y Twitter para compartir imágenes usando next/og ImageResponse. Cubre patrones de diseño, fuentes personalizadas, avatares, mayúsculas y minúsculas y reglas Satori. Úselo al crear imágenes OG, tarjetas de Twitter o vistas previas sociales. Fuente: richtabor/agent-skills.
¿Cómo instalo og-images?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/richtabor/agent-skills --skill og-images Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/richtabor/agent-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01