Genera immagini di anteprima dei social media (Open Graph) e configura i meta tag. Crea una pagina ottimizzata per screenshot utilizzando il sistema di progettazione esistente del progetto, la acquisisce a 1200x630 e imposta tutti i meta tag di condivisione social.
Installa rapidamente la skill AI og-image nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dirnbauer/webconsulting-skills.
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.
Genera immagini di anteprima dei social media (Open Graph) e configura i meta tag. Crea una pagina ottimizzata per screenshot utilizzando il sistema di progettazione esistente del progetto, la acquisisce a 1200x630 e imposta tutti i meta tag di condivisione social. Fonte: dirnbauer/webconsulting-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dirnbauer/webconsulting-skills --skill og-imageGenera immagini di anteprima dei social media (Open Graph) e configura i meta tag. Crea una pagina ottimizzata per screenshot utilizzando il sistema di progettazione esistente del progetto, la acquisisce a 1200x630 e imposta tutti i meta tag di condivisione social. Fonte: dirnbauer/webconsulting-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/dirnbauer/webconsulting-skills --skill og-image 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/dirnbauer/webconsulting-skills