給內容創作者
給 AI Agent 用的 OG 圖產生器 Skills
安裝一個 Skill，給你的 Agent 頁面標題和一句簡短標語，就能得到 49 種風格之一的分享圖。每次發布都是同樣的風格。
支援
以及其他 30 多個 Agent
以及其他 30 多個 Agent依風格瀏覽 OG 圖範例
每張卡片都是 Skill 實際做出的圖。點開就能看到完整圖組、輸入內容和執行所需條件。
快速回答
什麼是 Open Graph 圖？
Open Graph（OG）圖，就是連結分享到 X、LinkedIn、Slack 或 iMessage 時顯示的那張圖，由頁面中的 og:image meta 標籤指定。沒有它，分享出去只會是一條光禿禿的連結，或被隨便裁一塊圖。
貼文
Skillry@skillrydev · 2h
新指南：讓你分享出去的每個頁面都有像樣的連結預覽。 skillry.dev/learn
Practical skills, ready when you are來自 skillry.dev
這張圖就是 OG 圖124832618K
Dana Ortiz@danaships · 1h
@skillrydev 我的部落格下一個就這樣做。正是這張預覽圖讓我停下來點開。
19640
<meta property="og:image">- 建議尺寸
- 1200 × 630 px（1.91:1）
- 這些 Skills 的產出
- 每次執行一張 16:9 圖片，例如 1200 × 675
- 符合 1.91:1 預覽嗎？
- 可以，上下會稍微裁切
- 你需要提供
- 品牌或專案名稱、一句簡短標題、頁面情境
- 圖中文字
- 只放一句簡短標題；不支援長篇文案
- 執行費用
- 用你自己 FAL 帳號付費生成圖像
根據你的標題生成社群分享圖
在 Claude Code、Codex 或任何能讀取 SKILL.md 的 Agent 中，只要三步。
1安裝 Skill
複製 Skill 頁面上的安裝提示詞，貼到你的 Agent。
2提供你的標題
為頁面命名，寫一句簡短標題，說明它的目標對象。
3檢查並發布
檢查圖片，確保標題在縮圖尺寸下依然清楚，然後設為
og:image。
為什麼不直接請 AI 做 OG 圖？
直接問 AI 也能得到結果。Skill 補上的，是讓結果穩定、可重複的那部分。
直接問 AI使用這個 Skill
起點直接問 AI: 每次都要從頭描述一種風格單一風格的固定視覺配方，第一次就能用
標題直接問 AI: 文字常常錯亂或太長一句簡短標題，版面和層次已設定好
一致性直接問 AI: 每一頁的風格都略有不同你發布的每個頁面都是同樣的風格
交付直接問 AI: 聊天裡的一次性圖片已儲存的圖片檔，提示詞可以重新執行
OG 圖產生器常見問題
這些 Skills 不做什麼
- 它們不會檢查或測試你現有的
og:image標籤。 - 它們不會幫你把 meta 標籤寫進網站。
- 它們不適合在圖片裡放長篇文字或複雜圖表。
OG 圖該用什麼尺寸？
使用 1200 × 630 px（1.91:1 比例）支援度最廣。這些 Skills 輸出 16:9 圖片，多數平台會在上下稍微裁切，所以標題要避開邊緣。
有免費的 OG 圖 Skill 嗎？
有。Notion Style 和 Linktree Style OG Skills 可免費安裝。和付費版一樣，它們會透過你自己的 FAL 帳號呼叫圖像生成，由 FAL 計費。
可以加上我的 Logo 嗎？
告訴 Agent 你的品牌或專案名稱，並描述 Logo 的擺放位置。如果要用準確的 Logo 檔，請在編輯器裡把它放到完成圖上；這些 Skills 不保證逐像素還原 Logo。
哪些 Agent 可以執行這些 Skills？
任何能讀取 SKILL.md 資料夾的 Agent 都能用，包括 Claude Code、Codex、Cursor 和 Gemini CLI。執行內附的生成腳本需要 Node.js 20 或更新版本。
更多內容創作者任務
每項任務都有專屬的 Skills、真實範例和常見問題。
