Aperçu
Cette compétence encapsule l'ensemble du pipeline de génération d'images OG qui était précédemment stocké dans scripts/og/. Elle fournit une commande réutilisable pouvant être invoquée depuis l'interface en ligne de commande Antigravity ou d'autres automatisations.
Fichiers
template-a.html– Mise en page avec le logo en haut à gauche.template-b.html– Mise en page avec le logo centré.generate-og.sh– Script shell qui rend les deux modèles avec Chrome sans tête, crée des PNG de 1200 × 630 px et des aperçus de 300 px, et valide les dimensions.
Utilisation
agy run og-generator generate
La compétence placera les PNG résultants dans scripts/tmp/og/ (comme auparavant) et copiera éventuellement la variante choisie dans public/og-image.png.
Conformité au design
- Utilise la police Sora via
@font-faceen référençant le dossier de ressources en lecture seule. - La largeur du logo de 240 px respecte la règle d'espace libre de
DESIGN.md. - Titre 84 px, domaine 28 px – correspond aux exigences de proéminence visuelle.
- Les couleurs et le contraste sont vérifiés par rapport à
DESIGN.md(Ivoire sur Harbour Navy, 14,73:1).
Extensibilité
Exécutez le script avec VARIANT=A ou VARIANT=B pour générer une mise en page spécifique, ou modifiez les modèles dans cette compétence pour de futures mises à jour de marque.