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.