·og-image-creator
</>

og-image-creator

Generación de imágenes OG inteligente que estudia su código base, comprende rutas e identidad de marca y luego crea imágenes Open Graph contextualmente apropiadas utilizando componentes Playwright y React. Activadores: "crear imágenes og", "generar tarjetas sociales", "agregar imágenes de gráficos abiertos".

5Instalaciones·0Tendencia·@chongdashu

Instalación

$npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator

Cómo instalar og-image-creator

Instala rápidamente el skill de IA og-image-creator 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/chongdashu/cc-skills --skill og-image-creator
  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: chongdashu/cc-skills.

SKILL.md

Ver original

Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.

Dynamic OG images: Consider Next.js OG Image Generation (@vercel/og) for dynamic content, but use static generation for brand consistency.

❌ Generic templates: Don't use stock social card templates that ignore the site's brand

Generación de imágenes OG inteligente que estudia su código base, comprende rutas e identidad de marca y luego crea imágenes Open Graph contextualmente apropiadas utilizando componentes Playwright y React. Activadores: "crear imágenes og", "generar tarjetas sociales", "agregar imágenes de gráficos abiertos". Fuente: chongdashu/cc-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/chongdashu/cc-skills --skill og-image-creator
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-11

Browse more skills from chongdashu/cc-skills

Respuestas rápidas

¿Qué es og-image-creator?

Generación de imágenes OG inteligente que estudia su código base, comprende rutas e identidad de marca y luego crea imágenes Open Graph contextualmente apropiadas utilizando componentes Playwright y React. Activadores: "crear imágenes og", "generar tarjetas sociales", "agregar imágenes de gráficos abiertos". Fuente: chongdashu/cc-skills.

¿Cómo instalo og-image-creator?

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/chongdashu/cc-skills --skill og-image-creator 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/chongdashu/cc-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25