skills.rest
Rylaispirit
RylaispiritCOMMUNITY
Explore all skills by this author →
GitHub

image

Create and optimize marketing images, social graphics, mockups, and OG images using AI generation tools.

55|41|Updated Aug 9, 2026
Search Tags:#image generation#ai prompting#og image#marketing visuals#product mockup#webp optimization#social graphics
One-click install
npx skills add https://github.com/Rylaispirit/rylai-codex-hermes-skills --skill image-rylaispirit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/Rylaispirit/rylai-codex-hermes-skills/tree/main/skills/image
Command: npx skills add https://github.com/Rylaispirit/rylai-codex-hermes-skills --skill image-rylaispirit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Producing professional marketing visuals requires choosing between many AI image models, design tools, and platform-specific size requirements, and mistakes like hallucinated product UI or unoptimized files hurt page speed and brand consistency. ## Core Features & Use Cases - AI Image Generation Guidance: Compare Gemini, Flux, Ideogram, GPT Image, and other models with a decision tree covering text rendering, photorealism, editing, and cost. - Platform-Specific Workflows: Get exact dimensions and workflows for blog heroes, social graphics (Twitter, LinkedIn, Instagram), profile banners, directory listings, and OG images. - Image Optimization: Apply format selection (WebP, AVIF, JPEG), compression commands with cwebp and ImageMagick, lazy loading, and OG meta tag setup. - Use Case: You need a 1200x630 blog hero image with a headline. The skill routes you to Ideogram for text rendering, provides a structured prompt pattern, and gives you the cwebp command to compress the result under 200KB. ## Quick Start Use the image skill to create a 1200x630 blog hero image about data analytics and optimize it as a WebP file for my website.

Frequently Asked Questions about image

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

FAQPage Schema
How do I generate marketing images with AI models?▼

Structure your prompt as subject plus setting, style, lighting, composition, and technical specs like aspect ratio. Choose Gemini for general use and editing, Flux for photorealism and brand consistency, or Ideogram when the image needs readable text.

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

Ideogram renders text and typography most accurately, making it the best choice for branded graphics with headlines. Gemini and GPT Image handle short text decently, but for anything beyond brief headlines, add text as an overlay in post-processing instead.

What size should OG images and social media graphics be?▼

OG images should be 1200x630 pixels, which also works for blog heroes. Platform sizes vary: Twitter/X uses 1200x675, LinkedIn feed 1200x627, Instagram feed 1080x1080, and Instagram Stories 1080x1920.

Can AI image generators create product screenshots and mockups?▼

No, AI models hallucinate interface details and should not be used for product UI. Capture real screenshots at 2x resolution with browser DevTools or screenshot tools, then frame them in device mockup templates and annotate with code overlays.

How do I optimize images for web performance?▼

Serve WebP with JPEG fallback, resize images to their display dimensions, and compress photos to quality 75-85 using cwebp or ImageMagick. Add lazy loading for below-the-fold images, set explicit width and height attributes, and use a CDN with auto-optimization.

When should I use Canva or Figma instead of AI image generation?▼

Use design tools when exact brand guidelines must be followed, when you need many size variants of one design, or for recurring templates. Use AI generation for unique hero images, abstract visuals, and one-off creative concepts.

Related Skills

Explore More Marketing & Sales Skills→
SoufianouassifSoufianouassif

branding-generator

Generate three brand directions with color palettes, typography, and SVG logos.

Community
Advanced
kuse-aikuse-ai
6

content-optimization

Analyzes keyword density, meta tags, heading hierarchy, internal linking, and accessibility metrics to deliver actionable recommendations.

Official
Intermediate
PostalocityPostalocity
1

seo-images

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

Official
Intermediate
Growth4U-systemsGrowth4U-systems

video

Generate and produce video content using AI tools and programmatic frameworks.

Official
Advanced