·og-images
</>

og-images

Guida la creazione di OpenGraph e la condivisione di immagini su Twitter utilizzando next/og ImageResponse. Copre modelli di layout, caratteri personalizzati, avatar, maiuscole e minuscole e regole Satori. Da utilizzare quando si creano immagini OG, schede Twitter o anteprime social.

12Installazioni·1Tendenza·@richtabor

Installazione

$npx skills add https://github.com/richtabor/agent-skills --skill og-images

Come installare og-images

Installa rapidamente la skill AI og-images nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/richtabor/agent-skills --skill og-images
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: richtabor/agent-skills.

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).

Guida la creazione di OpenGraph e la condivisione di immagini su Twitter utilizzando next/og ImageResponse. Copre modelli di layout, caratteri personalizzati, avatar, maiuscole e minuscole e regole Satori. Da utilizzare quando si creano immagini OG, schede Twitter o anteprime social. Fonte: richtabor/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/richtabor/agent-skills --skill og-images
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from richtabor/agent-skills

Risposte rapide

Che cos'è og-images?

Guida la creazione di OpenGraph e la condivisione di immagini su Twitter utilizzando next/og ImageResponse. Copre modelli di layout, caratteri personalizzati, avatar, maiuscole e minuscole e regole Satori. Da utilizzare quando si creano immagini OG, schede Twitter o anteprime social. Fonte: richtabor/agent-skills.

Come installo og-images?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/richtabor/agent-skills --skill og-images Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/richtabor/agent-skills