（12507期）og-image-design – 专业社交分享图设计指南

专业社交分享图设计指南 基于 inference.sh 的 OG 图片设计技能，提供全平台规格指南与 HTML 转图片方案，助开发者快速生成专业级社交分享卡片。 使用说明 该 Skill 专注于 Open Graph（OG）及社交媒体分享图片的设计与生成，为开发者和内容创作者提供了一套完整的多平台视觉规范与实用工具指南。核心用法围绕 inference.sh CLI 工具展开，通过 infsh app run infsh/html-to-image 命令将 HTML/CSS 代码转换为符合各平台规范的 PNG/JPG 图片。Skill 详细列出了 Facebook、Twitter/X、LinkedIn、Discord、Slack、iMessage 等主要平台的尺寸规格（通用安全尺寸为 1200×630 像素），并提供了"黄金布局"模板——左侧主标题（最多 60 字符）和副标题（最多 100 字符），右侧品牌视觉元素，四周保留 40 像素安全边距。 显著优点包括：首先，平台覆盖全面，不仅提供尺寸对照表，还区分了 Twitter 的 summary 与 summarylargeimage 卡片类型；其次，设计规则专业，详细规定了字体大小（标题 48-64px）、行高（1.2-1.3）、对比度（WCAG AA 标准）及色彩心理学建议（深色背景在浅色信息流中更突出）；再者，提供即用型代码模板，涵盖博客文章、产品发布、教程指南和 AI 生成视觉四种场景，用户可直接修改文本内容生成专业图片；最后，附带 OG Meta 标签完整参考和调试工具链接（Facebook Debugger、Twitter Card Validator 等），形成从设计到部署的闭环。 潜在缺点与局限性不容忽视：该 Skill 本质为纯文档型指南，本身不直接执行图片生成，依赖外部 CLI 工具 inference.sh，需用户自行安装并注册账号；所有图片生成操作需联网完成，无法离线使用；作为个人开发者（okaris）维护的社区项目（T3 来源），长期维护稳定性和安全背书相对较弱；此外，HTML-to-image 方案对复杂 CSS 的支持可能不如专业设计软件灵活。 适合的目标群体主要包括：需要为博客或产品页面配置社交分享卡片的前端开发者、追求链接预览视觉效果的内容营销人员、缺乏专业设计资源但需快速生成统一风格 OG 图的初创团队，以及学习社交媒体元数据标记的 SEO 从业者。 使用该技能存在的常规风险包括：执行示例代码时需要从网络下载并安装 inference.sh CLI，存在供应链安全风险；生成图片过程中需将 HTML 内容传输至外部 API，敏感信息可能泄露；依赖项单一，若 inference.sh 服务中断或变更 API，现有命令可能失效；Bash 权限申请虽限定在 infsh 命令，但用户若盲目复制粘贴其他网络命令仍可能带来安全隐患。 原始说明 Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dyna...