OG Image Design 是一个面向社交分享图片（Open Graph 图片）设计的技能，来源于 skills-101/superpowers。它帮助开发者与内容创作者为网页、博客、产品发布等场景制作在社交平台上展示效果良好的分享图。
用途 该技能聚焦于 Open Graph 与社交分享图片的设计，涵盖平台规格、文字放置与品牌一致性。它适用于需要为文章、产品发布、教程等内容生成社交预览图的场景，并覆盖 OG meta 标签、Twitter cards、LinkedIn 预览等配置。
主要能力 技能提供各主流平台的图片规格表，包括 Facebook（1200 x 630 px，1.91:1，< 8 MB，JPG/PNG）、Twitter/X summary_large_image（1200 x 628 px，1.91:1，< 5 MB，JPG/PNG/WEBP/GIF）、Twitter/X summary（800 x 418 px，1.91:1，< 5 MB，JPG/PNG）、LinkedIn（1200 x 627 px，1.91:1，< 5 MB，JPG/PNG）、Discord（1200 x 630 px，1.91:1，< 8 MB，JPG/PNG）、Slack（1200 x 630 px，JPG/PNG）和 iMessage（1200 x 630 px，JPG/PNG）。通用安全选择为 1200 x 630 px、PNG 或 JPG、小于 5 MB。
设计规则方面，技能给出文字规范：标题字号 48-64px，副标题字号 20-28px，标题最长 60 字符（部分平台会截断），副标题最长 100 字符，标题行高 1.2-1.3，标题使用粗体/黑体、副标题使用常规字重，文字对比度至少满足 WCAG AA（4.5:1）。安全区要求四周至少 40px 内边距，关键文字不要放在外侧 5% 区域。配色建议包括纯品牌色、渐变、照片叠加、深色背景等，并指出深色背景在社交信息流中更突出。
技能还提供按内容类型划分的模板，包括博客文章、产品/发布公告、教程/How-To，以及使用 AI 图像模型生成纯视觉 OG 图的示例。此外包含 OG meta 标签参考（og:title、og:description、og:image、og:url、og:type 以及 Twitter 专用标签和图片尺寸标签）、Twitter Card 类型说明、一致性系统建议、测试工具列表（Facebook Debugger、Twitter Card Validator、LinkedIn Post Inspector、OpenGraph.xyz）和常见错误清单。
使用方式 该技能通过 inference.sh CLI（belt）使用。安装命令为：npx skills add belt-sh/cli。使用前需执行 belt login 登录。生成 OG 图时，通过 belt app run infsh/html-to-image 并传入包含 HTML 的 JSON 输入来生成图片；也可通过 belt app run falai/flux-dev-lora 并传入 prompt、width、height 来生成 AI 视觉图。技能还提供相关技能安装命令：npx skills add inference-sh/skills@ai-image-generation、npx skills add inference-sh/skills@landing-page-design、npx skills add inference-sh/skills@prompt-engineering。浏览所有应用可使用 belt app list。
适用场景 适用于需要为博客文章、产品发布公告、教程内容、网站页面等生成社交分享图的开发者、内容创作者和营销人员，尤其适合需要跨平台保持品牌一致性的站点。
限制 技能资料未提供具体的收费、价格信息，也未说明除已列平台外的其他平台支持情况。部分平台规格中的文件大小或格式标注为“—”，表示资料未提供该字段。使用该技能需要安装并登录 inference.sh CLI（belt），且生成图片依赖外部应用（infsh/html-to-image、falai/flux-dev-lora）。