·og-image

Genere imágenes de vista previa de redes sociales (Open Graph) y configure metaetiquetas. Crea una página optimizada para captura de pantalla utilizando el sistema de diseño existente del proyecto, la captura a 1200x630 y configura todas las metaetiquetas para compartir en redes sociales.

23Instalaciones·2Tendencia·@dirnbauer

Instalación

$npx skills add https://github.com/dirnbauer/webconsulting-skills --skill og-image

Cómo instalar og-image

Instala rápidamente el skill de IA og-image en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dirnbauer/webconsulting-skills --skill og-image
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: dirnbauer/webconsulting-skills.

SKILL.md

Ver original

This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.

Create a dedicated route at /og-image (or equivalent for the framework):

Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.

Genere imágenes de vista previa de redes sociales (Open Graph) y configure metaetiquetas. Crea una página optimizada para captura de pantalla utilizando el sistema de diseño existente del proyecto, la captura a 1200x630 y configura todas las metaetiquetas para compartir en redes sociales. Fuente: dirnbauer/webconsulting-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/dirnbauer/webconsulting-skills --skill og-image
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from dirnbauer/webconsulting-skills

Respuestas rápidas

¿Qué es og-image?

Genere imágenes de vista previa de redes sociales (Open Graph) y configure metaetiquetas. Crea una página optimizada para captura de pantalla utilizando el sistema de diseño existente del proyecto, la captura a 1200x630 y configura todas las metaetiquetas para compartir en redes sociales. Fuente: dirnbauer/webconsulting-skills.

¿Cómo instalo og-image?

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/dirnbauer/webconsulting-skills --skill og-image 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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/dirnbauer/webconsulting-skills