개요
이 스킬은 이전에 scripts/og/에 저장되어 있던 OG 이미지 생성 파이프라인 전체를 캡슐화합니다. Antigravity CLI 또는 다른 자동화 도구에서 호출할 수 있는 재사용 가능한 명령어를 제공합니다.
파일
template-a.html– 로고가 왼쪽 상단에 배치된 레이아웃.template-b.html– 로고가 중앙에 배치된 레이아웃.generate-og.sh– 두 템플릿을 헤드리스 Chrome으로 렌더링하고, 1200×630 픽셀 PNG와 300픽셀 미리보기 이미지를 생성한 후 크기를 검증하는 셸 스크립트.
사용법
agy run og-generator generate
이 스킬은 결과 PNG를 scripts/tmp/og/에 배치하고(기존과 동일), 선택한 변형을 public/og-image.png로 선택적으로 복사합니다.
디자인 준수 사항
- 읽기 전용 리소스 폴더를 참조하는
@font-face를 통해 Sora 폰트를 사용합니다. - 로고 너비 240px는
DESIGN.md의 클리어 스페이스 규칙을 준수합니다. - 헤드라인 84px, 도메인 28px – 시각적 강조 요구사항에 부합합니다.
- 색상 및 대비는
DESIGN.md(Ivory on Harbour Navy, 14.73:1)에 따라 검증됩니다.
확장성
VARIANT=A 또는 VARIANT=B 환경 변수를 설정하여 스크립트를 실행하면 특정 레이아웃을 생성할 수 있습니다. 향후 브랜딩 업데이트를 위해 이 스킬 내부의 템플릿을 수정할 수도 있습니다.