One-click install
npx skills add https://github.com/marcosbatallas99/Marketing --skill image-marcosbatallas99
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/marcosbatallas99/Marketing/tree/main/skills/image
Command: npx skills add https://github.com/marcosbatallas99/Marketing --skill image-marcosbatallas99

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and manual effort of creating professional marketing images, handling everything from AI generation and platform-specific sizing to web performance optimization so you can produce high-quality visual assets in minutes without design expertise.

Core Features & Use Cases

  • AI Image Generation & Editing: Create original blog heroes, social graphics, and product mockups using top models like Flux, Gemini, and Ideogram, or edit existing images with in-painting and style transfer.
  • Platform-Specific Workflows: Get exact dimensions and best practices for Twitter headers, Instagram stories, LinkedIn banners, Product Hunt listings, and OG images to ensure visuals display correctly on every channel.
  • Web Performance Optimization: Compress and convert images to modern formats like WebP and AVIF, with checklists to avoid common speed killers like unoptimized file sizes and missing alt text.
  • Use Case: A SaaS founder can generate a 1200x630 blog hero image for a new post, resize it for 5 social platforms in one click via Canva Magic Resize, optimize it to <200KB, and add the correct OG meta tags to boost social shares.

Quick Start

Use the image skill to generate a 1200x630 blog hero image for a post about email deliverability, optimize it for web performance, and provide resized variants for Twitter and LinkedIn.

Frequently Asked Questions about image

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

FAQPage Schema
How do I optimize marketing visuals for web performance without losing quality?

To optimize marketing visuals for web performance, compress and convert images to modern formats like WebP and AVIF. This minimizes unoptimized file sizes while maintaining visual fidelity for high-volume content teams.

What are the correct platform-specific aspect ratios for social graphics and OG images?

Correct platform-specific aspect ratios for social graphics require exact dimensions like 1200x630 for OG images, Twitter headers, and LinkedIn banners. This ensures marketing visuals display correctly across all distribution channels.

Can I use AI image generation to create product mockups and blog hero images?

Yes, you can use AI image generation to create product mockups and blog hero images. Models like Flux, Gemini, and Ideogram generate original marketing visuals or edit existing assets using in-painting and style transfer.

How do I avoid AI-generated UI hallucinations when creating marketing visuals?

To avoid AI-generated UI hallucinations when creating marketing visuals, apply specific checklists during generation. This prevents common pitfalls and ensures brand consistency across product listings and social graphics.

Does this approach support dynamic OG image production for high-volume content teams?

Yes, this approach supports dynamic OG image production for high-volume content teams. It automates the creation of platform-specific marketing visuals, ensuring correct aspect ratios and modern image formatting for blogs.

What is the best way to resize a single blog hero image for multiple social platforms?

The best way to resize a blog hero image for multiple social platforms is using design tool templating with features like Canva Magic Resize. This produces correctly sized variants for Twitter, Instagram, and LinkedIn in one click.