image-generator

Generate sized website image sets with consistent style specs, alt text, and descriptive filenames.

10|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/b12io/b12-plugins --skill image-generator-b12io
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image-generator
Source: https://github.com/b12io/b12-plugins/tree/main/plugins/image-generator/skills/image-generator
Command: npx skills add https://github.com/b12io/b12-plugins --skill image-generator-b12io

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Website images often arrive as mismatched stock-style pictures at wrong dimensions, with generic filenames and no alt text. This Skill produces a cohesive set of images — heroes, OG graphics, blog thumbnails, headshots, product shots — each at the exact pixel size its slot expects, with a shared style spec so the set reads as one set. ## Core Features & Use Cases - Slot-based sizing: Generates images at exact dimensions for each placement, including 1920×1080 heroes, 1200×630 OG images, 1080×1080 social posts, and 400×400 headshots. - Consistent style spec: Fixes medium, lighting, palette, and camera in one paragraph prefixed to every prompt, so multi-image sets match visually. - Delivery with metadata: Names files with a unique per-business stem (e.g., bend-and-flow-hero.webp), writes alt text for every image, and bundles sets into a zip archive. - Use Case: Ask for three matching service images for a bakery website and receive a styled, consistently lit set at 800×600 each, with alt text, descriptive filenames, and a downloadable zip. ## Quick Start Ask the assistant to create a hero image and three matching service images for your business website, describing what the business does in a few words.

Frequently Asked Questions about image-generator

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

FAQPage Schema
How do I generate a hero image for my website?

Describe what your business or project does in a few words and request a hero image. The Skill generates it at 1920×1080 with dead space for headline text, plus alt text and a descriptive filename like business-name-hero.webp.

How do I create matching images for a website?

Request a set of images in one conversation. The Skill writes a style spec covering medium, lighting, palette, and camera, then prefixes that exact paragraph to every prompt so all images in the set share one consistent look.

What size should an OG image be for social sharing?

An OG image must be exactly 1200×630 pixels, as the Open Graph spec expects. The Skill generates OG images at this exact size, since off-spec dimensions get recropped by scrapers that read the page.

Can this generate a logo or favicon for my site?

No. Logos, wordmarks, brand marks, icons, and favicons belong to a separate logo skill, and this Skill defers those requests. It also never embeds text, logos, or watermarks inside generated images.

What happens if image generation fails or is unavailable?

The Skill states the failure plainly and hands over everything needed to run the prompt elsewhere: the full prompt including the style spec, exact pixel dimensions, filename, and alt text for each image it could not produce.