For agencies

Stop losing clicks

Every time a client page is pasted into Slack, LinkedIn, iMessage, or X, the preview is the ad. A generic thumbnail, a cropped screenshot, or a missing image throws that click away before anyone reads the headline. OG Pilot replaces those previews with branded social images that follow the site's colors, logo, and copy. Agencies use it when a campaign has more URLs than a design queue can redraw by hand.

The usual stall is the handoff. A landing page, a product URL, an event, and a podcast episode each need their own card, and the designer is already booked. After the links go live, the team also loses the thread: which channel actually carried the share, and which preview brought the visit. Stock-style images ignore the brand, so the click goes to whoever showed up looking finished. Generate an OG image from one URL when a client needs a card today. Connect the domain when the same brand should refresh on a schedule.

What the toolkit covers

• Auto-generate on-brand social previews for every page, not a single homepage screenshot reused everywhere.
• Ecommerce, event, and podcast templates pull the title, image, and the details that belong on that kind of page.
• Templates keep the logo and the styling you set, so a new URL does not restart the design from a blank file.
• CDN delivery and sized images, with room to refine a card instead of exporting another PNG from a design tool.

Proof lives in the remakes, which are modeled scenarios rather than client casework. The Nike store remake walks through campaign pages whose shares were hiding the creative. The Brooklyn Botanic Garden remake shows event cards that name the date and the place. The Office Ladies remake replaces a blank podcast tile with an episode card. Browse the gallery for more templates before you commit a client domain.

Ship it without a one-off design ticket

A single URL is the fastest path for a pitch or a launch that is already late. Paste it, download the image, and put it in the page's og:image. When the client publishes often, the API and MCP keep the same look without another round of exports. Read the API docs for signed requests from the client's app. Install MCP when an agent should generate or debug the card. Check the live URL before you send the link, because platforms cache the first preview they fetch.

WordPress clients can use the WordPress open graph plugin instead of uploading files by hand. Carrd sites follow the Carrd share-image steps. Framework sites have guides for Next.js, Rails, and Astro. Create an account when the work moves from one preview to a domain, an API key, or an agent workflow.