Notes App OG Image

製品の手ざわりそのままの、シェアカード。

AIをノートアプリ向けのソーシャルプレビューデザイナーに変え、紙のような質感の構成、手書きやノートのモチーフ、サムネイルサイズでも読める見出しで1200×630のOG画像を作ります。共有リンクに、製品の手ざわりそのままのカードを持たせたいノートアプリチームのためのものです。

こんな方におすすめ

ノートや執筆プロダクトをローンチするノートアプリチーム、インディーメーカー、マーケターの方

所要時間

カード1枚あたり~20分

レベル

初心者向け

3ステップでインストール

登録不要。CLIツールも不要です。お使いのAIを選んで、1行コピーして貼るだけです。

Pro — 全511件のスキル

ご自分で入れたい場合は、スキルを購入（$4.99）し、購入完了画面からZIPをダウンロードして、上のディレクトリに展開し、AIのセッションを再起動してください。結果は同じです。すでに購入済みの場合は、AIアシスタントにダウンロードしてもらうこともできます。

パックの内容

SKILL.md（手順書）1点とスターターテンプレート1点が入っています。プレビューはこちらです：

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.
Export and wire up (input: passing layout → output: shipped OG image + meta tags)
Export as a JPG or PNG at exactly 1200×630 with a stable filename per page. Add og:image and twitter:image meta tags with the absolute URL, plus matching og:title and og:description that say the same promise the card shows. Test the real share: paste the URL into one chat app and one social post draft and confirm the card renders before calling it done.

テンプレートのプレビュー

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}