seo-image-gen

AI image generation for SEO assets: OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user says "generate image", "OG image", "social preview", "hero image", "blog image", "product photo", "infographic", "seo image", "create visual", "image-gen", "favicon", "schema image", "pinterest pin", "generate visual", "banner", or "thumbnail".

Zur Installation springen

Repository: AgriciDaniel/codex-seo
Letzte Quellaktivität: 27. April 2026 um 22:43
Erkannte Sprache von SKILL.md: Englisch
Sterne: 649
Forks: 91

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.

npx skills add https://github.com/AgriciDaniel/codex-seo --skill seo-image-gen

Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.

Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer

9 Dateien

SKILL.md

Quellanweisungen · Schreibgeschützte Vorschau

Zurück zur Suche Zurück zur Installation

seo-google

Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic. Provides real Google field data for Core Web Vitals, indexation status, search performance, and organic traffic trends. Use when user says "search console", "GSC", "PageSpeed", "CrUX", "field data", "indexing API", "GA4 organic", "URL inspection", "google api setup", "real CWV data", "impressions", "clicks", "CTR", "position data", "LCP", "INP", "CLS", "FCP", "TTFB", or "Lighthouse scores".

Live SEO data via DataForSEO MCP server. SERP analysis (Google, Bing, Yahoo, YouTube, Google Images), keyword research (volume, difficulty, intent, trends), backlink profiles, on-page analysis (Lighthouse, content parsing), competitor analysis, content analysis, business listings, AI visibility (ChatGPT scraper, LLM mention tracking), and domain analytics. Requires DataForSEO extension installed. Use when user says "dataforseo", "live SERP", "keyword volume", "backlink data", "competitor data", "AI visibility check", "LLM mentions", "image SERP", "google images", "image rankings", or "real search data".

2026-04-27

Alle aus diesem Repository ansehen

./extensions/banana/install.sh

Command	What it does
`/seo image-gen og <description>`	Generate OG/social preview image (1200x630 feel)
`/seo image-gen hero <description>`	Blog hero image (widescreen, dramatic)
`/seo image-gen product <description>`	Product photography (clean, white BG)
`/seo image-gen infographic <description>`	Infographic visual (vertical, data-heavy)
`/seo image-gen custom <description>`	Custom image with full Creative Director pipeline
`/seo image-gen batch <description> [N]`	Generate N variations (default: 3)

Use Case	Aspect Ratio	Resolution	Domain Mode	Notes
OG/Social Preview	`16:9`	`1K`	Product or UI/Web	Clean, professional, text-friendly
Blog Hero	`16:9`	`2K`	Cinema or Editorial	Dramatic, atmospheric, editorial quality
Schema Image	`4:3`	`1K`	Product	Clean, descriptive, schema ImageObject
Social Square	`1:1`	`1K`	UI/Web	Platform-optimized square
Product Photo	`4:3`	`2K`	Product	White background, studio lighting
Infographic	`2:3`	`4K`	Infographic	Data-heavy, vertical layout
Favicon/Icon	`1:1`	`512`	Logo	Minimal, scalable, recognizable
Pinterest Pin	`2:3`	`2K`	Editorial	Tall vertical card

python3 scripts/presets.py list

Alt text:Write descriptive, keyword-rich alt text for the generated image
File naming:Rename to SEO-friendly format: keyword-description-widthxheight.webp
WebP conversion:Convert to WebP for optimal page speed:
```
magick output.png -quality 85 output.webp
```
File size:Target under 200KB for hero images, under 100KB for thumbnails

Schema markup:Suggest ImageObject schema for the generated image:

{
  "@type": "ImageObject",
  "url": "https://example.com/images/keyword-description.webp",
  "width": 1200,
  "height": 630,
  "caption": "Descriptive caption with target keyword"
}

OG meta tags:For social preview images, remind about:

<meta property="og:image" content="https://example.com/images/og-image.webp" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Descriptive alt text" />

Scenario	Model	Why
OG images, social previews	`gemini-3.1-flash-image-preview` @ 1K	Fast, cost-effective
Hero images, product photos	`gemini-3.1-flash-image-preview` @ 2K	Quality + detail
Infographics with text	`gemini-3.1-flash-image-preview` @ 2K, thinking: high	Better text rendering
Quick drafts	`gemini-2.5-flash-image` @ 512	Rapid iteration

Error	Resolution
MCP not configured	Run `./extensions/banana/install.sh`
API key invalid	New key at https://aistudio.google.com/apikey
Rate limited (429)	Wait 60s, retry. Free tier: ~10 RPM / ~500 RPD
`IMAGE_SAFETY`	Rephrase prompt - see `references/prompt-engineering.md` Safety section
MCP unavailable	Fall back: `python3 scripts/generate.py --prompt "..." --aspect-ratio "16:9"`
Extension not installed	Show install instructions: `./extensions/banana/install.sh`

name	seo-image-gen
description	AI image generation for SEO assets: OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user says "generate image", "OG image", "social preview", "hero image", "blog image", "product photo", "infographic", "seo image", "create visual", "image-gen", "favicon", "schema image", "pinterest pin", "generate visual", "banner", or "thumbnail".
argument-hint	[og\|hero\|product\|infographic\|custom\|batch] <description>
user-invokable	true
license	MIT
compatibility	Requires nanobanana MCP server
metadata	{"author":"AgriciDaniel","version":"1.9.6","category":"seo"}

name	seo-image-gen
description	AI image generation for SEO assets: OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user says "generate image", "OG image", "social preview", "hero image", "blog image", "product photo", "infographic", "seo image", "create visual", "image-gen", "favicon", "schema image", "pinterest pin", "generate visual", "banner", or "thumbnail".
argument-hint	[og\|hero\|product\|infographic\|custom\|batch] <description>
user-invokable	true
license	MIT
compatibility	Requires nanobanana MCP server
metadata	{"author":"AgriciDaniel","version":"1.9.6","category":"seo"}

seo-image-gen

Installationsoptionen

Quelldateien prüfen

SEO Image Gen: AI Image Generation for SEO Assets (Extension)

Shared Data Cache

SEO Image Gen: AI Image Generation for SEO Assets (Extension)

Shared Data Cache

Architecture Note

Prerequisites

Quick Reference

SEO Image Use Cases

Generation Pipeline

Check for Presets

Post-Generation SEO Checklist

Cost Awareness

Model Routing

Error Handling

Cross-Skill Integration

Reference Documentation

Response Format

Write to shared data cache

seo-image-gen

Quellinformationen

Installationsoptionen

Quelldateien prüfen

Mehr aus diesem Repository

SEO Image Gen: AI Image Generation for SEO Assets (Extension)

Shared Data Cache

Mehr aus diesem Repository

SEO Image Gen: AI Image Generation for SEO Assets (Extension)

Shared Data Cache

Architecture Note

Prerequisites

Quick Reference

SEO Image Use Cases

Generation Pipeline

Check for Presets

Post-Generation SEO Checklist

Cost Awareness

Model Routing

Error Handling

Cross-Skill Integration

Reference Documentation

Response Format

Write to shared data cache