skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

seo-image-gen

Generate SEO-focused images with preset aspect ratios and WebP conversion.

2|1|Updated May 17, 2026
Search Tags:#image generation#webp#seo#infographic#og image#hero image#social preview
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill seo-image-gen-rakibulism
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/seo-image-gen
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill seo-image-gen-rakibulism

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill helps you create polished, production-ready visuals for SEO and marketing so your pages earn better clicks, stronger social previews, and more consistent branding without manual design work.

Core Features & Use Cases

  • OG and Social Preview Images: Generate shareable preview images sized and styled for platforms like X, LinkedIn, and Facebook.
  • Blog Hero and Thumbnail Visuals: Produce cinematic heroes, banners, and thumbnails that match article topics and improve engagement.
  • Product, Schema, and Infographic Assets: Create clean product shots, schema-friendly images, favicon-style icons, and data-heavy infographics for web publishing.
  • Use Case: If you are launching a new article or landing page, use this Skill to generate a visually relevant image, then apply SEO-friendly naming, alt text, and schema markup.

Quick Start

Ask the skill to generate an OG image for your page topic and include a short description of the visual style you want.

Frequently Asked Questions about seo-image-gen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SEO-ready images for web publishing?▼

To generate SEO-ready images, provide a page topic and visual style description. The Skill outputs production-ready visuals like heroes, OG previews, and infographics with preset aspect ratios, then guides alt text and WebP conversion.

Can I create social preview images sized for platforms like X and LinkedIn?▼

Yes, you can create social preview images specifically sized for X, LinkedIn, and Facebook. The Skill applies preset aspect ratios and resolution defaults to ensure your OG previews meet platform sharing card requirements.

How do I generate schema-friendly images and blog hero visuals?▼

You generate schema-friendly images and blog hero visuals by requesting product shots or cinematic banners matching your article topic. The Skill provides post-processing guidance for schema markup and SEO file naming conventions.

Do I need the nanobanana MCP server to generate OG images?▼

Yes, generating OG images requires the nanobanana MCP server for Gemini image generation. This dependency handles the core visual rendering while the Skill manages preset detection and SEO post-processing outputs.

What is the best way to convert generated marketing visuals to WebP?▼

The best way to convert marketing visuals to WebP is through the Skill's post-processing guidance. After generating your hero or infographic assets, it provides specific instructions for WebP conversion, alt text, and schema markup.

What are the limitations of using automated image generation for SEO assets?▼

Automated image generation for SEO assets relies on Gemini through the nanobanana MCP server, meaning it requires preset detection for aspect ratios. Complex data-heavy infographics may need manual refinement to ensure visual accuracy.

Related Skills

Explore More Marketing & Sales Skills→
zai-orgzai-org
588

nano-banana

Generate and edit images via the Gemini CLI nanobanana extension.

Official
Intermediate
smarmen86smarmen86

seo-image-gen

Generate SEO-optimized images with aspect ratios, alt text, and WebP conversion.

Community
Advanced
itdevwork-gititdevwork-git

seo-image-gen

Generate SEO-ready images with alt text and schema markup guidance.

Community
Intermediate
WebDevPeterGriffinWebDevPeterGriffin
38

seo-image-gen

Generate SEO-ready images with aspect ratio presets via Gemini.

Community
Advanced