marketing-image

Generates and optimizes marketing images using AI models, design tools, and platform-specific dimension specs.

Updated May 26, 2026
One-click install
npx skills add https://github.com/avel123111/triplanio --skill marketing-image-avel123111
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: marketing-image
Source: https://github.com/avel123111/triplanio/tree/main/.claude/skills/marketing-image
Command: npx skills add https://github.com/avel123111/triplanio --skill marketing-image-avel123111

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating on-brand 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 slow and error-prone without guidance. ## Core Features & Use Cases - AI Model Selection & Prompting: Compares Gemini/Nano Banana, Flux, Ideogram, GPT Image, Midjourney, Recraft, and Stable Diffusion, with a decision tree and prompting guide for text rendering, brand consistency, and editing tasks. - Platform-Specific Workflows: Provides exact dimensions and workflows for blog heroes (1200x630), social graphics (Instagram, LinkedIn, X), profile banners, Product Hunt galleries, and OG/social preview images. - Image Optimization: Covers WebP/AVIF conversion, compression targets, lazy loading, and CLI commands (cwebp, ImageMagick, jpegoptim) to keep pages fast. - Use Case: You need a hero image for a new blog post plus matching OG image. The skill helps you pick Flux or Gemini, write a structured prompt, generate at 1200x630, and compress the result under 200KB as WebP. ## Quick Start Ask the assistant to create a 1200x630 blog hero image about your topic using an AI image model, then optimize it for web delivery.

Frequently Asked Questions about marketing-image

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

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

Write a structured prompt combining subject, setting, style, lighting, composition, and aspect ratio, then generate with a model like Gemini, Flux, or Ideogram. Always specify dimensions such as 1200x630 for blog heroes and iterate at low quality before final output.

Which AI image model is best for text in images?

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

Flux vs Midjourney for marketing visuals?

Flux offers an official API, multi-image reference for brand consistency, and batch generation, making it better for programmatic workflows. Midjourney v7 delivers higher artistic quality but has no official API, suiting manual creative exploration only.

Can AI generate product screenshots for mockups?

No, AI models hallucinate user interfaces and should not be used for product screenshots. Capture real screenshots at 2x resolution with browser DevTools or tools like CleanShot X, then frame them in device mockups with annotations.

What size should an OG image be for social sharing?

The standard OG image size is 1200x630 pixels, which works for Twitter/X cards, LinkedIn, Facebook, and Slack previews. Include og:image meta tags with explicit width and height, and set twitter:card to summary_large_image.

How do I optimize images for web performance?

Serve WebP with JPEG fallback, resize images to their display dimensions, compress photos to 75-85% quality, and lazy load below-the-fold images. Use cwebp or ImageMagick for conversion and a CDN like Cloudflare or Vercel for automatic optimization.