skills.rest
Bamboo-Reports
Bamboo-ReportsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Image

Generate and optimize marketing images with platform-specific aspect ratios and WebP conversion.

1|Updated Oct 29, 2025
Search Tags:#design#marketing#optimization#image generation#web performance#visual assets
One-click install
npx skills add https://github.com/Bamboo-Reports/bamboo-reports-web --skill image-bamboo-reports
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Image
Source: https://github.com/Bamboo-Reports/bamboo-reports-web/tree/main/agent/skills/image
Command: npx skills add https://github.com/Bamboo-Reports/bamboo-reports-web --skill image-bamboo-reports

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the challenge of producing high-quality, brand-consistent marketing visuals without the need for manual design work or expensive agency turnaround times.

Core Features & Use Cases

  • AI Image Generation: Create blog heroes, social graphics, and banners using top-tier models like Flux, Gemini, and Ideogram.
  • Optimization & Workflow: Automatically resize, compress, and format images for web performance and SEO.
  • Use Case: If you need a hero image for a new blog post, use this skill to generate a photorealistic visual, ensure it meets the 1200x630 aspect ratio, and optimize it as a WebP file for fast loading.

Quick Start

Use the image skill to generate a 1200x630 blog hero image for a post about SaaS analytics using a clean, professional photography style.

Frequently Asked Questions about Image

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

FAQPage Schema
How do I generate a blog hero image and optimize it for web performance?▼

Generate a blog hero image using AI models like Flux or Ideogram, then automatically resize and compress it into a WebP format for web performance. This ensures your visual assets meet technical SEO requirements and load quickly.

Can I create social media graphics with specific aspect ratios?▼

Yes, you can create social media graphics with platform-specific aspect ratios. The workflow supports programmatic resizing to ensure your visual assets meet exact technical requirements for various social media platforms.

What is the best way to produce product mockups without manual design work?▼

The best way to produce product mockups without manual design is using AI-driven image synthesis. Generate marketing-grade visual assets rapidly to bypass expensive agency turnaround times while maintaining brand consistency.

Does this image generation workflow support file format conversion for SEO delivery?▼

Yes, the image generation workflow supports file format conversion for SEO-compliant image delivery. It automatically converts and optimizes visual assets into formats like WebP to satisfy technical web performance requirements.

Are there limitations when generating photorealistic visual assets for SaaS analytics?▼

Limitations when generating photorealistic visual assets for SaaS analytics depend on the selected AI model. Use top-tier models like Gemini or Flux and specify a clean, professional photography style to achieve high-quality marketing results.

Related Skills

Explore More Design & Creative Skills→
Davie521Davie521
7

ckm:brand

Organize brand guidelines, tokens, and assets with context injection.

Community
Advanced
palucdevpalucdev
3

html-renderer

Convert Markdown content into a single HTML file with inline CSS.

Community
Basic
SpillwaveSolutionsSpillwaveSolutions
2

image-gen

Generate cover images and in-article diagrams with the imagen CLI.

Official
Advanced
tiankong0101-bytetiankong0101-byte

graphic-design

Create visual assets for branding, marketing, and presentations.

Community
Intermediate