En bref
Guide d’expertise pour Satori, la bibliothèque de Vercel qui convertit du HTML et du CSS en SVG, couramment utilisée pour générer des images Open Graph dynamiques, dans Next.js et d’autres cadres. @vercel/og enveloppe Satori avec une classe ImageResponse qui rend le SVG en PNG, prévue pour les Edge Functions Vercel et d’autres exécutions en périphérie.
Ce que ça fait
- Convertit du HTML ou du JSX et du CSS en SVG, puis en PNG
- Sert surtout aux images Open Graph dynamiques, via @vercel/og
Pour qui, et un exemple
Les développeurs qui veulent une image Open Graph générée à la volée, pour Next.js ou un autre cadre, avec Satori.
Exemple de demande : « Génère une image Open Graph dynamique avec @vercel/og et Satori, à partir de ce JSX. »
On l’emploie pour Satori et @vercel/og, notamment pour générer des images Open Graph dynamiques à partir de HTML et de CSS, dans Next.js ou d’autres cadres. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.
Installer
Dans Codex : codex plugin add vercel@openai-curated (marketplace officielle du dépôt).
codex plugin add vercel@openai-curatedFonctionne avec
- Codex
Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.
Niveau : Débutant
S’utilise en langage naturel ; aucun prérequis de code n’est exigé par la description, au-delà du produit visé.
À savoir
Extrait du SKILL.md
La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :
Expert guidance for Satori — Vercel's library that converts HTML and CSS to SVG, commonly used to generate dynamic OG images for Next.js and other frameworks.
Citée depuis le SKILL.md au commit 27651a4 . Le dossier contient aussi 1 fichier annexe (agents/).
Le SKILL.md compte 213 lignes et 11 sections principales :
- Overview
- Installation
- Next.js App Router — OG Image Route (Recommended)
- Convention-Based OG Images (Next.js 13.3+)
- Standalone Satori (SVG Only)
- CSS Support and Limitations
- Fonts
- Dynamic Content from URL Parameters
- Images in OG
- Key Patterns
- Official Resources
Licence : Aucune licence trouvée
Consultée le 10 novembre 2026 : aucun fichier de licence dans le dossier ni à la racine du dépôt.
Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.
Commentaires.
Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.
Commentaires publiés
Chargement des commentaires…
Laisser un commentaire
Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.