skills.rest
Pinkycherry
PinkycherryCOMMUNITY
Explore all skills by this author →
GitHub

image

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

Updated Aug 2, 2026
Search Tags:#prompt engineering#image generation#og image#ai image#social media graphics#marketing visuals#webp optimization
One-click install
npx skills add https://github.com/Pinkycherry/newbusinessideas3 --skill image-pinkycherry
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/Pinkycherry/newbusinessideas3/tree/main/.claude/skills/image
Command: npx skills add https://github.com/Pinkycherry/newbusinessideas3 --skill image-pinkycherry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating professional marketing visuals — blog heroes, social graphics, product mockups, banners, and OG images — requires choosing the right AI model, writing effective prompts, matching platform dimensions, and optimizing files for web performance, which is time-consuming without structured guidance. ## Core Features & Use Cases - AI Model Selection: Compares Gemini, Flux, Ideogram, GPT Image, Midjourney, Recraft, and Stable Diffusion by use case, text rendering ability, and cost, with a decision tree for picking the right one. - Platform-Specific Workflows: Provides exact dimensions and workflows for blog heroes, social graphics (Twitter, LinkedIn, Instagram, Facebook), profile banners, directory listings, and OG images. - Image Optimization: Covers WebP/AVIF format selection, compression commands (cwebp, ImageMagick), lazy loading, and dynamic OG image generation with Vercel OG or Cloudinary. - Use Case: You need a hero image for a blog post plus five social variants — the Skill recommends generating the concept with Flux at 1200x630, then using Canva Magic Resize for platform variants, and compressing to WebP under 200KB. ## Quick Start Ask the assistant to create a 1200x630 blog hero image for your topic, including a ready-to-use AI 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 using browser DevTools, Shottr, or CleanShot X, then frame them in device mockups with annotations.

What image format should I use on my website?▼

Use WebP as the default with JPEG or PNG fallback via the picture element or a CDN. AVIF offers higher compression, PNG suits transparency and screenshots, and SVG is best for logos and icons.

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

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

What size should a Twitter/X header banner be?▼

Twitter/X headers are 1500x500 (3:1 ratio). Keep text minimal, center critical content since the avatar overlaps the lower-left area, and test readability at actual display size on mobile.

Related Skills

Explore More Marketing & Sales Skills→
joaopcmjoaopcm

resend-design-skills

Create marketing materials and UI components following Resend's brand guidelines.

Community
Basic
mia-pppmia-ppp

image

Generate and optimize marketing images using AI models like Gemini Image, Flux, Ideogram and GPT Image.

Community
Advanced
PostalocityPostalocity
1

seo-images

Audits images for SEO and performance, including alt text, formats, and lazy loading.

Official
Intermediate
DevMatt6DevMatt6

ads

Plan, optimize, and scale paid advertising campaigns across platforms.

Community
Advanced