seo-image-gen

Generate and optimize SEO-focused images with WebP conversion and schema markup.

Updated May 27, 2026
One-click install
npx skills add https://github.com/vtormir-sketch/seo-skills --skill seo-image-gen-vtormir-sketch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/vtormir-sketch/seo-skills/tree/main/skills/seo-image-gen
Command: npx skills add https://github.com/vtormir-sketch/seo-skills --skill seo-image-gen-vtormir-sketch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires nanobanana-mcp, imagemagick, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the bottleneck of creating high-quality, SEO-optimized visual assets by automating the generation, formatting, and metadata preparation of images for social previews, blog posts, and product pages.

Core Features & Use Cases

  • SEO-Optimized Generation: Automatically applies correct aspect ratios, resolutions, and domain-specific styles for OG images, hero banners, and infographics.
  • Integrated Pipeline: Includes post-generation workflows for WebP conversion, file naming, and schema markup generation.
  • Use Case: When preparing a new blog post, use this skill to generate a 16:9 hero image, create a corresponding social preview, and receive the exact HTML meta tags and ImageObject schema needed for optimal search engine indexing.

Quick Start

Use the seo image-gen skill to generate a hero image for a blog post about sustainable gardening.

Frequently Asked Questions about seo-image-gen

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

FAQPage Schema
How do I automate SEO image generation for blog posts and social media?

SEO image generation can be automated using Gemini-powered synthesis to produce assets with correct aspect ratios and resolutions for social previews and hero banners. This skill manages the entire pipeline, including post-processing WebP conversion and schema markup generation.

What's the best way to generate Open Graph images and ImageObject schema markup together?

The best way to generate Open Graph images and schema markup together is through an integrated pipeline that outputs both visual assets and HTML meta tags. This skill produces optimized WebP images alongside the exact ImageObject schema needed for search engine indexing.

Does this SEO image generation pipeline require the nanobanana-mcp extension?

Yes, this SEO image generation pipeline requires the nanobanana-mcp extension to establish API connectivity with Gemini-powered image synthesis. It also depends on ImageMagick for integrated post-processing tasks like WebP conversion.

Can I create infographics and product photography with automated aspect ratio management?

Creating infographics and product photography with automated aspect ratio management is supported through Gemini-powered image synthesis. The skill applies domain-specific styles and handles resolution management to ensure assets meet formatting requirements for diverse use cases.

Why convert generated SEO assets to WebP format during post-processing?

Converting generated SEO assets to WebP format during post-processing ensures optimal file sizes for fast web loading without sacrificing quality. This skill includes integrated WebP conversion as part of its automated generation and optimization pipeline.