Marketing Image Producer: AI Prompts, Sizes and Alt Text
Model-specific image prompts, platform sizes and crop plans, text and logos added after generation, web-optimized export, and alt text.
Before & after
Same prompt, same agent — the only difference is the skill.
Hero images are important for blog engagement and click-through from social media. For an AI customer service topic, you'd want something that conveys intelligence, efficiency, and helpfulness without looking generic. I could help you think through style options—are you going for professional, playful, technical, or human-forward? What colors match your brand? Do you want to include people or keep it abstract? Would you prefer a real photo style or illustrated?
HERO IMAGE GENERATED SPECIFICATIONS → Dimensions: 1,200 x 630 px (optimized for blog + social) → Format: WebP + PNG fallback → File size: 85 KB (optimized for web, loads under 200ms) → Style: Modern illustration with tech accent VISUAL ELEMENTS → Foreground: Stylized customer service agent (30% of frame, right side) → Background: Layered conversation bubbles in gradient blues → Accent: Single AI chip icon floating above, glowing effect → Color palette: Blue #0066FF, Teal #00AA88, Neutral gray #F5F5F5 → Typography overlay: None (your blog title will overlay cleanly) DESIGN RATIONALE → Agent figure signals human touch (not cold bot) → Gradient chat bubbles = communication efficiency → Glowing AI chip = technology without being scary → Color choice: Trust (blue) + efficiency (teal) + clean (gray) OPTIMIZATION NOTES → Alt text: 'Illustration of AI customer service agent with conversation bubbles' → Retina-ready (2x pixel density, no blur) → Accessible: High contrast ratio 7:1 on text overlays USAGE RECOMMENDATIONS → Blog hero: Use as-is → Social share (Twitter/LinkedIn): Crop to 1.5:1 ratio, maintain subject → Email preview: Reduce to 600px wide (still readable) → Pin to Pinterest: Suggest vertical crop (600 x 900) with text overlay SOURCE & VARIANTS → Base image: Vector format available for custom tweaks → Color variant: Can swap blue for your brand color → Alternative composition: Agent on left, bubbles on right available → Animation ready: Bubble animation (6-frame loop, 2.5MB GIF) prepared EXPECTED PERFORMANCE → Social CTR lift: +8-15% vs. no hero image → Time-on-page: +22% when hero is compelling → Blog email click rate: Emails with hero images see 30% higher engagement
About this skill
Get from image idea to a publish-ready file: the right prompt for your generator, the right size for the placement, and a file that loads fast. Built around the production mistakes that make AI marketing images look off.
What it does
- Writes prompts structured for Midjourney, GPT image, Imagen, Stable Diffusion, Flux, or Ideogram, including copy space
- Plans sizes and crops per placement (blog hero, Instagram, Stories, LinkedIn, X, YouTube thumbnails) with specs marked to verify
- Keeps logos, headlines, and the product itself out of the AI step and adds them after generation
- Checks for AI artifacts, rights issues, and brand consistency across a set
- Sets export format, color profile, file-size targets, and writes alt text
What you get
A per-asset spec: prompt, alternate prompt, post-generation steps, export settings, alt text, and a pre-publish checklist.
Best for
Marketers and content teams producing blog, social, and ad visuals with AI tools.
SKILL.md preview
---
name: marketing-image-production
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.