Contenu du pack

Un fichier SKILL.md (le guide pratique) + un modèle de départ. Aperçu :

Point-of-Sale OG Image

When to use

• Your point-of-sale product's shared links preview as a blank box, a cropped dashboard screenshot, or a generic logo that says nothing about checkout
• You are announcing a new terminal, a checkout feature, or a pricing page and want the link preview to carry the pitch, not just the product name
• A product page, launch post, or help article about your checkout hardware gets shared, and the preview does not distinguish it from any other page
• Your team ships often and needs one repeatable preview format that works for hardware pages, feature announcements, and pricing pages alike
• A photo of the terminal keeps failing as a preview because the device is small, the background is busy, and the headline is unreadable at thumbnail size

Workflow

1. Decide the one checkout promise (input: the page → output: a one-line promise)
   A point-of-sale preview carries one promise about checkout, in eight words or fewer — "Checkout in seconds, on any counter," not "We are revolutionizing the future of commerce for modern businesses everywhere." Read the page and find the sentence a shop owner would repeat to another shop owner; that is the preview line. If the page is a general product homepage, the line is the core checkout promise; if it is a feature or pricing page, the line is that page's specific offer. A list of features is not a promise, and a mission statement is not a promise — one concrete line is.
2. Pick the terminal silhouette (input: the promise → output: a single device shape)
   Choose one clean terminal gesture that embodies checkout without pretending to be a product photo: a slim countertop terminal standing upright, a handheld device angled toward the viewer, a terminal with a single card hovering above it mid-tap. The silhouette is a symbol, not a render — no buttons, no screen UI, no cables, no receipt paper, no real hardware detail. Draw it big and flat, in silver on a dark field, occupying roughly a third of the canvas. A real product photo crammed into 1200×630 reads as clutter at thumbnail size; one clean shape reads as "checkout hardware, clearly explained."
3. Set the type (input: promise + silhouette → 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 silhouette and the type compete for the same space, shrink the silhouette — the words carry the click.
4. Build to spec (input: type layout + silhouette → output: a finished 1200×630 image)
   Produce the image at exactly 1200×630 pixels, exported as a JPEG or PNG under 1 MB so it loads fast in crawlers. Use flat colors and bold shapes — a silver terminal and one bright tap-arc on a dark field, for example — rather than photographic detail or fine lines, which turn to mush at thumbnail size. Check contrast between text and background: light text on a dark field or dark text on a light field, never mid-tone on mid-tone. Export once at full size and once at 240 pixels wide to verify the thumbnail read.
5. Verify the preview (input: finished image → output: a confirmed working preview)
   Wire the image into the page's social meta tags (the Open Graph image tag and its width/height companions) and check it with the platform's own link debugger or by pasting the link into a fresh post draft. Confirm three things: the image actually appears (not a cached old one), it is not cropped into unreadability, and the title and description beside it match the image's promise. If a stale preview persists, it is usually a cache — re-scrape the URL through the debugger rather than rebuilding the image.

Aperçu du modèle

Point-of-Sale OG Image — Preview Brief Template

One page = one preview. Fill this in before any image gets built.

Page: {page title / URL}

The one checkout promise (≤8 words): {e.g. Checkout in seconds, on any counter}

What this page is really about: {hardware launch / feature / pricing / general product}

Terminal silhouette

Shape: {countertop terminal / handheld device / tap gesture — pick one}

Composition: {silhouette on the left, type on the right / silhouette on the right, type on the left}

What NOT to draw: [ ] no screen UI [ ] no cables [ ] no receipt paper [ ] no photo detail

Type layout

Le pack de compétence lui-même (SKILL.md + modèle) est rédigé en anglais.

Acheter le pack complet — $4.99 Pro — les 511 compétences