skills.rest
Transform24
Transform24COMMUNITY
Explore all skills by this author →
GitHub

image

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

Updated Mar 6, 2026
Search Tags:#image generation#og image#flux#ideogram#social media graphics#marketing visuals#webp optimization
One-click install
npx skills add https://github.com/Transform24/THE-QUIET-AUTHORITY --skill image-transform24
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/Transform24/THE-QUIET-AUTHORITY/tree/main/content-ops/_factory/skills/image
Command: npx skills add https://github.com/Transform24/THE-QUIET-AUTHORITY --skill image-transform24

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 settings, 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 a decision tree for text rendering, brand consistency, editing, and cost. - Platform-Specific Workflows: Provides exact dimensions and workflows 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 five social variants — the Skill recommends a model, writes a structured prompt, specifies 1200x630, and suggests Canva Magic Resize for the platform variants. ## 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?▼

Define a visual metaphor for your topic, then generate with Flux or Gemini for photorealistic styles or Ideogram if you need text in the image. Specify 1200x630 so it works as both hero and OG image, then compress to under 200KB as WebP.

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 the result 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?▼

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 generation with Vercel OG (@vercel/og), Satori, or Cloudinary text overlays. Build one branded template, then inject post metadata like title and author to produce a unique 1200x630 image per page.

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

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

Related Skills

Explore More Marketing & Sales Skills→
joaopcmjoaopcm

resend-design-skills

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

Community
Basic
w95w95
145

social-media-strategy

Develop social media strategies with content calendars and ROI measurement.

Community
Advanced
successunforgettablesuccessunforgettable
2

ads-creative

Audit cross-platform ad creative for fatigue and compliance gaps.

Community
Advanced
ComposioHQComposioHQ
74.2k

pexels-automation

Automate Pexels media operations through the Rube MCP gateway for image and video retrieval.

Official
Intermediate