Map Platform OG Image
One route, one pin, one click.
Turns your AI into a social preview designer for mapping and location products — builds a sharp 1200×630 OG image with one recognizable map visual, a short headline, and a palette that reads clearly at thumbnail size.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Map Platform OG Image
When to use
- You are launching or promoting a mapping, routing, geocoding, or location-data product and the link preview shows a generic logo or a blank page
- A docs page, pricing page, or changelog about maps gets shared on social feeds and the preview gives no hint that the product is about maps
- Your map product's homepage needs a preview image that communicates "maps" in one glance without dumping a full screenshot of a dense city map
- You are announcing a feature — routing, offline maps, 3D buildings, live traffic — and want a preview image built around that one feature
- An existing OG image is a cluttered full-city screenshot where streets and labels blur into gray noise at thumbnail size
Workflow
- Lock the one message (input: page purpose + audience → output: single headline of ≤6 words)
Decide the single thing a stranger should take from the preview: what the map product does and for whom. "Maps your fleet, live." beats "A powerful cloud-native mapping and location intelligence platform for modern teams." Six words or fewer. If the headline needs a comma and a clause, it is two messages — pick the stronger one. - Pick the map visual (input: headline → output: one map concept)
Choose exactly one map visual: a simplified route line with two pins on a muted base map, a single zoomed-in neighborhood block with one highlighted area, or a stylized globe/pin mark. Simplify aggressively — a real map at 1200×630 is mostly noise, so strip labels, fade secondary roads, and keep only the streets that serve the composition. One route, one pin pair, or one highlighted zone — never all three. - Set the layout grid (input: headline + map visual → output: 1200×630 composition plan)
Lay out on a 1200×630 canvas with a safe zone: keep headline, logo, and the key map detail inside the central ~1000×500 area. The reliable default is a split composition — headline and wordmark on a solid panel on one side, the map visual filling the other side — because text over a busy map is unreadable. If the headline sits on the map, it sits on a solid, high-contrast patch, never on street detail. - Apply the palette and type (input: composition plan + brand colors → output: finished visual spec)
Use at most three colors: background, ink, and one accent (the route line or pin color). Keep the base map muted — light gray or desaturated tones — so the accent route or pin is the first thing the eye finds. One bold typeface for the headline at a size legible at 240 pixels wide. No drop shadows on text over maps, no photographic satellite imagery behind type.
Template preview
Map Platform OG Image — Brief Template
Fill this in before designing. One message, one map visual — simplify until a stranger can describe the image in one sentence.
Page
Page URL / title: {url} — {page title} Audience: {who will see this preview} Page's one job: {what should the visitor do after clicking}
Message
Headline (≤6 words): {headline} Why this headline: {what a stranger learns from it} Page title alignment: {same as / aligned with / deliberately different from} page title — reason: {…}
Map visual (pick ONE)
[ ] Simplified route line with two pins on a muted base map [ ] Single zoomed-in neighborhood block with one highlighted area
