skills.rest
mintuz
mintuzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

image

Generate, edit, and optimize marketing images using AI models and design tools.

3|Updated Nov 8, 2014
Search Tags:#image generation#og image#flux#ideogram#social media graphics#marketing visuals#webp optimization
One-click install
npx skills add https://github.com/mintuz/.dotfiles --skill image-mintuz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/mintuz/.dotfiles/tree/main/agents/.agents/skills/image
Command: npx skills add https://github.com/mintuz/.dotfiles --skill image-mintuz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating marketing visuals — blog heroes, social graphics, product mockups, banners, and OG images — requires choosing the right AI model, dimensions, and optimization strategy, which is time-consuming and error-prone without guidance. ## Core Features & Use Cases - AI Image Generation Guidance: Compares Gemini, Flux, Ideogram, GPT Image, Midjourney, Recraft, and Stable Diffusion with decision trees for text rendering, brand consistency, editing, and cost. - Platform-Specific Workflows: Provides exact dimensions and best practices for blog heroes, social media graphics, profile banners, directory listings, and OG images. - Image Optimization: Covers WebP/AVIF formats, compression commands, lazy loading, and dynamic OG image generation with Vercel OG, Satori, or Cloudinary. - Use Case: You need a hero image for a blog post plus variants for Twitter, LinkedIn, and Instagram — the Skill recommends a generation model, provides a structured prompt, and walks through resizing and WebP optimization. ## Quick Start Ask the agent to create a 1200x630 blog hero image for your next post, including a generation prompt and optimization steps.

Frequently Asked Questions about image

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

FAQPage Schema
How do I generate a blog hero image with AI?▼

Use Flux or Gemini for photorealistic heroes, or Ideogram if the image needs text. Write a prompt following Subject + Setting + Style + Lighting + Composition + Technical specs, generate at 1200x630, then compress to WebP under 200KB.

Which AI image model is best for text in images?▼

Ideogram 3.0 has the best text rendering accuracy for headlines and taglines. Gemini and GPT Image handle short text decently, but keep requests to 3-5 words and add longer text in post-processing instead.

Can AI generate screenshots of my product UI?▼

No — AI models hallucinate interfaces, so generated UI will not match your real product. Capture real screenshots at 2x resolution with browser DevTools, Shottr, or CleanShot X, then frame them in device mockups with annotations.

What image format should I use on my website?▼

WebP is the default choice for photos and graphics with roughly 96% browser support, served with JPEG or PNG fallback. Use AVIF for higher compression, PNG for transparency and screenshots, and SVG for logos and icons.

How do I create OG images for every blog post automatically?▼

Use programmatic generation with Vercel OG (@vercel/og), Satori, or Cloudinary URL-based overlays. Build one branded template, then inject post metadata like title and author to generate unique 1200x630 images per page.

What are the correct social media image dimensions?▼

Twitter/X uses 1200x675, LinkedIn 1200x627, Instagram feed 1080x1080 (or 1080x1350), Stories 1080x1920, and Facebook 1200x630. Create the master at the highest resolution, then resize with Canva Magic Resize.

Related Skills

Explore More Marketing & Sales Skills→
SheshiyerSheshiyer

visual-identity-core

Generate a brand visual identity guide with color palettes, typography, logo rules, and imagery guidelines.

Community
Basic
fluid-commercefluid-commerce

page-cro

Analyze marketing pages and generate prioritized CRO recommendations.

Official
Advanced
lebongobenilebongobeni

ad-creative

Generate platform-specific ad copy for Google Ads, Meta, LinkedIn, TikTok, and Twitter/X.

Community
Advanced
kettleofketchupkettleofketchup

svg-logo-designer

Generate scalable SVG logos from textual design descriptions.

Community
Intermediate