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.
Installa rapidamente la skill AI og-images nel tuo ambiente di sviluppo tramite riga di comando
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.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/richtabor/agent-skills --skill og-imagesGuida 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.
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
https://github.com/richtabor/agent-skills