Notes App OG Image
A share card that looks like the product feels.
Turns your AI into a social preview designer for note-taking apps — builds a 1200×630 OG image with a paper-like composition, a handwriting or note motif, and a headline that reads at thumbnail size. For note-app teams whose shared links deserve a card that looks like the product feels.
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:
Notes App OG Image
When to use
- Your note app's homepage, feature pages, or blog posts share as blank grey boxes
- You are announcing a launch, a major version, or a template gallery and the link preview carries none of it
- Your app's brand is warm, paper-like, and human, but your share cards look like every other SaaS banner
- Each feature page deserves its own card — one generic card for the whole site is not doing the job
- A launch thread, newsletter, or press mention links to you and you want the card to explain the app in one glance
Workflow
- Collect the identity (input: app page → output: identity brief)
Pull what the card must carry: the app name, the one-line promise (what kind of notes, for whom), the one feeling the product is known for (calm, fast, paper-like, structured), and the mark or wordmark. Note what the app genuinely does today — no features on the roadmap, no claims the current version cannot back up. One card = one page = one promise. - Pick the note motif (input: identity brief → output: motif choice + content)
Choose one motif that feels like the product: a short handwritten-style note (a real note, in your own words — a shopping list, a meeting note, an idea), a typed note with a checklist or a highlighted line, or a stacked-notes composition showing one note open and others behind it. The note's content must be ordinary and believable — a real-looking note, not marketing copy wearing a handwriting font. Keep it to 3–5 short lines; a wall of tiny text is unreadable at thumbnail size. - Lay out the card (input: motif + identity brief → output: 1200×630 layout)
Build on a 1200×630 canvas in a warm paper system: off-white or cream background, ink-dark type, one soft accent for the single most important word or the checkbox. Name top-left in large type, promise under it in one line, note motif on the right or lower half on a slightly darker paper panel with a soft shadow. Keep the title to six words or fewer and the promise to one line — the card is a glance, not a page. - Run the thumbnail test (input: layout → output: pass/fail + fixes)
Shrink the card to 240×126 and to 120×63 and read it cold. Pass means: the name is readable, the promise is readable, the note motif still reads as a note, and nothing overlaps. Fail means: shorten the promise, enlarge the type, or drop an element. Check it on a dark chat background and a light one — a cream card on a white chat window needs a border or shadow edge to hold its shape.
Template preview
Notes App OG Image — Card Template
One card = one page = one promise. Fill this in before designing.
Page: {app / feature / post URL}
App name: {name — 6 words or fewer on the card} One-line promise: {what kind of notes, for whom — one line, true of the current version} Feeling the product is known for: {calm / fast / paper-like / structured / ...} Mark / wordmark: {attach or describe — plain wordmark is fine}
Note motif (pick ONE)
- [ ] Handwritten-style note (3–5 short lines, ordinary believable content)
- [ ] Typed note (checklist or highlighted line)
- [ ] Stacked notes (one open, others behind)
