Analytics App OG Image
One rising line, one promise of clarity — a preview that reads at any size.
Turns your AI into a social-preview designer — builds a 1200×630 share image for an analytics product: one rising chart motif, one short promise about clarity, and type that stays readable 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:
Analytics App OG Image
When to use
- Your analytics product's shared links preview as a blank box, a cropped dashboard screenshot, or a generic logo
- You are launching or announcing an analytics tool and want the link preview to say "clarity from data" at a glance
- A blog post, changelog, or docs page about the analytics product gets shared, and the preview does not distinguish it from any other page
- Your product has many pages and you need one repeatable preview format that works for the product, its features, and its content
- A dashboard screenshot keeps failing as a preview because its tiny axes and labels turn to noise at thumbnail size
Workflow
- Decide the one promise (input: the page → output: a one-line promise)
An analytics preview carries one promise about what the data gives the reader: clarity, answers, proof, direction. Read the page, then write the sentence in eight words or fewer — "See exactly where your users drop off," not "A powerful analytics platform for modern teams." If the page is a feature announcement, the promise is the feature's outcome; if it is the homepage, it is the product's core promise. A dashboard screenshot is not a promise, and a list of features is not a promise — one sentence is. - Pick the chart motif (input: the promise → output: a single chart idea)
Choose one chart gesture that embodies the promise: a line rising from noise to a clear trend, a funnel narrowing to the drop-off point, bars settling into a readable pattern. The chart is a motif, not a real chart — no axes, no gridlines, no tiny labels, no legend. Draw it big and flat, in one or two colors, occupying roughly a third to a half of the canvas. A real dashboard crammed into 1200×630 reads as static at thumbnail size; one clean gesture reads as "this tool makes data clear." - Set the type (input: promise + motif → output: the type layout)
Set the promise in one large, bold typeface at a size that stays legible when the image is shown 240 pixels wide — few words, large size, generous line spacing. Put a small product mark or name in one corner, never competing with the promise. Keep all text inside a safe margin (at least 60 pixels from every edge at 1200×630) because platforms crop previews differently, and keep essential text out of the bottom strip, where platforms overlay labels or play buttons. If the chart motif and the type compete for the same space, shrink the chart — the words carry the click.
Template preview
Analytics App OG Image — Design Template
One image, one promise, one chart gesture. Readable at thumbnail size.
Page being previewed
URL: {page URL} Page's core promise (in one sentence): {what the page offers}
Promise (≤8 words)
Preview promise: {the one line that appears on the image}
Why this line: {what clarity it promises the reader}
Chart motif (one gesture — a symbol of clarity, not a real chart)
Motif: {rising line from noise to trend / funnel narrowing to the drop-off / bars settling into a pattern}
Colors: {one or two flat colors — e.g. bright accent line on a dark field}
