Og Image Design

What it does

This skill enables AI agents to generate Open Graph (OG) images for social sharing using the inference.sh CLI tool (infsh). It takes HTML input and converts it into a visually appealing image suitable for platforms like Facebook, Twitter/X, LinkedIn, Discord, Slack, and iMessage. The skill allows you to specify dimensions, aspect ratios, file sizes, and formats (JPG, PNG, WEBP, GIF) based on the target platform's requirements.

When to use it

• Creating images for blog posts or articles to be shared on social media.
• Generating promotional visuals for marketing campaigns.
• Producing eye-catching graphics for announcements and updates.
• Automating the creation of consistent branding across different social platforms.
• Quickly generating images with specific text content, such as performance metrics ("How We Reduced Build Times by 80%").

Key capabilities

• Generates Open Graph (OG) images from HTML input.
• Supports various image dimensions and aspect ratios for different platforms.
• Allows specifying file size limits and supported formats (JPG, PNG, WEBP, GIF).
• Provides design rules including font sizes, character limits, line height, contrast requirements, and safe zones to ensure compatibility across social media platforms.
• Supports background types like solid colors, gradients, and photos with overlays.

Example prompts

• "Create an OG image for our blog post about build time reductions using this HTML: [HTML content]"
• "Generate a Twitter summary image with the title 'New Feature Launch' and subtitle 'Check out our latest update!'."
• "Design an Open Graph image optimized for LinkedIn, featuring the text 'Company X Achieves Record Growth'."

Tips & gotchas

• Requires the inference.sh CLI (infsh) to be installed and configured with a valid login.
• Pay attention to character limits for titles (60 characters) and subtitles (100 characters) to prevent truncation on some platforms.
• Adhere to the design rules regarding font sizes, contrast ratios, and safe zones to ensure optimal visual appeal and compatibility across different social media platforms.