skills.rest
Innei
InneiCOMMUNITY
Explore all skills by this author →
Website𝕏@__oQueryGitHub

gemini-seo-image-assets

Generate favicon and OG assets and wire SEO metadata for web projects.

61|1|Updated Apr 2, 2026
Search Tags:#metadata#gemini#seo#favicon#og-image#image-assets#web-asset-generation
One-click install
npx skills add https://github.com/Innei/SKILL --skill gemini-seo-image-assets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gemini-seo-image-assets
Source: https://github.com/Innei/SKILL/tree/main/skills/content/gemini-seo-image-assets
Command: npx skills add https://github.com/Innei/SKILL --skill gemini-seo-image-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Web projects often lack consistent favicon, apple-touch-icon, and social preview images plus proper SEO metadata wiring for routes.

Core Features & Use Cases

  • Generate base favicon and OG background assets using Gemini 3.1, then post-process into required export sizes and wire the assets to global and route metadata.
  • Follow the principle: Gemini handles composition and texture while exact text rendering is kept local to ensure brand fidelity.
  • Use case: A site lacking branded icons and social previews can quickly generate cohesive visuals and metadata wiring.

Quick Start

Ask Gemini to generate the base favicon and OG background assets, then wire the resulting assets into the site's SEO metadata.

Frequently Asked Questions about gemini-seo-image-assets

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

FAQPage Schema
How do I generate favicon and OG image assets for my web project?▼

Generate favicon and OG image assets by using Gemini for visual composition and texture, then post-process the results locally into standard export sizes. This ensures cohesive web branding and proper social preview images.

How do I wire SEO metadata for social preview images and favicons?▼

Wire SEO metadata by applying route-level title, description, and og:* tags to connect generated assets. This local SEO wiring ensures consistent branding and correct social previews across web project routes.

Can I use Gemini to render exact text on my OG image assets?▼

Gemini handles composition and texture for OG image assets, but exact text rendering is kept local. This division ensures brand fidelity and prevents AI-generated text distortions on social preview backgrounds.

What is the best way to create consistent web branding assets for missing icons?▼

The best way to create consistent web branding assets is to generate base favicon and OG backgrounds with Gemini, post-process them into required sizes, and wire them into global metadata for missing standard icons.

Do I need route-level metadata to support generated OG image assets?▼

Yes, route-level title, description, and og:* wiring is required to support generated OG image assets. This local SEO wiring connects the visual assets to your web project routes for accurate social previews.

Related Skills

Explore More Design & Creative Skills→
SylphxAISylphxAI
4

seo

Generate SEO metadata, canonical URLs, sitemaps, and JSON-LD structured data.

Official
Basic
matteotittamatteotitta
29

metadata-lint

Audit HTML head metadata for SEO and social media compliance.

Community
Intermediate
deomiarndeomiarn

favicon-pwa

Generate favicon variants, apple-touch-icon, and PWA manifest from brand colors.

Community
Intermediate
tradertunantetradertunante

image

Generate brand-consistent marketing visuals from prompts with model guidance.

Community
Advanced