OG Image Builder

Generate route-aware social preview images that feel native to the product instead of generic social card templates.

Table of Contents

• Standards snapshot
• When to use
• Required inputs
• Deliverables
• Failure mode
• Workflow
• Validation
• References

Standards snapshot

• Study the codebase first; OG images should inherit the product's visual language.
• Prefer scripted generation and route discovery over one-off image editing.
• Use actual page metadata, titles, and descriptions rather than placeholders.
• Keep outputs compatible with common OG consumers: 1200x630, stable URLs, reasonable file size.