seo-image-gen

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

Updated Jun 5, 2026
One-click install
npx skills add https://github.com/smarmen86/claude-code-kit --skill seo-image-gen-smarmen86
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/smarmen86/claude-code-kit/tree/main/skills/seo-image-gen
Command: npx skills add https://github.com/smarmen86/claude-code-kit --skill seo-image-gen-smarmen86

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires magick, python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the bottleneck of creating high-quality, SEO-compliant imagery for web assets, ensuring that social previews, blog headers, and product photos are perfectly optimized for both search engines and user engagement.

Core Features & Use Cases

  • SEO-Aware Generation: Automatically applies aspect ratios, resolutions, and domain modes tailored to specific SEO needs like OG previews, hero images, and schema-ready visuals.
  • Integrated Pipeline: Combines AI image generation with a post-processing checklist for alt text, WebP conversion, and file naming to ensure optimal page speed and accessibility.
  • Use Case: When preparing a new blog post, use this skill to generate a 16:9 hero image and a 1:1 social square, then follow the provided checklist to ensure they are properly named and compressed for web performance.

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 generate SEO-optimized images for web content?▼

Generating SEO-optimized images involves mapping specific use cases like social previews and blog headers to optimized aspect ratios and domain-specific styling parameters using Gemini AI. This process ensures visuals are tailored for search engines and user engagement.

What is the process for creating social preview and blog header images?▼

Creating social previews and blog headers involves using Gemini-powered AI to apply specific aspect ratios and resolution defaults. This generates production-ready visual assets like 16:9 hero images and 1:1 social squares for web optimization.

How do I ensure my AI generated images meet technical SEO compliance?▼

Ensuring technical SEO compliance for AI generated images involves integrating post-generation workflows for alt text, WebP conversion, and schema markup. This guarantees optimal page speed and accessibility for web assets.

Do I need Python3 and magick to generate WebP images for SEO?▼

Yes, Python3 and magick are required dependencies to generate WebP images for SEO. They enable the integrated pipeline that handles AI image generation alongside post-processing tasks like WebP conversion and file naming.

What are the limitations of using AI for product photography SEO?▼

A limitation of using AI for product photography SEO is that generated visuals still require a post-processing checklist for alt text and schema markup to ensure technical compliance. The AI handles generation and styling, but technical optimization requires additional steps.