Image
Creates, generates, edits, or optimizes images for marketing — blog heroes, social graphics, product images.
Content & Copycontent-copystandard
by AgentVoltv1.0.0Published 1y ago2 installs
Free to sign up · every skill included with AgentVolt Pro
Before & after
Same prompt, same agent — the only difference is the skill.
Prompt“Generate a hero image for a blog post about AI in customer service.”
Beforegeneric AI agent
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?
Afterwith Image
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
name: image description: Use when Creates, generates, edits, or optimizes images for marketing — blog heroes, social graphics, product images.
Image
Handles marketing image production and optimization across common formats and use cases.
What you get
- A generated or optimized marketing image.
Customize your output
- Image type
- brand style
- dimensions.
Example output
A ready-to-use marketing graphic.
Best for
Marketers needing visual assets.
SKILL.md preview
SKILL.md
---
name: image
description: Use this skill when creating, generating, editing, or optimizing marketing images such as blog hero images, social graphics, or product photos.
version: 1.0.0
category: Content & Copy
author: AgentVolt
license: proprietary
tags:
- content-copy
- standard
---
# Image
Handles marketing image production end to end: generating or editing the asset, sizing it correctly per platform, and optimizing it so it loads fast without looking compressed.
## When to use
… (sign up to view the full skill)Sign up to view, copy, and install the full skill