feature-image

Generate branded blog feature images from page frontmatter via AI providers.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/oletizi/audiocontrol.org --skill feature-image
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: feature-image
Source: https://github.com/oletizi/audiocontrol.org/tree/main/.claude/skills/feature-image
Command: npx skills add https://github.com/oletizi/audiocontrol.org --skill feature-image

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates generating branded feature images for blog posts and pages by combining AI-driven backgrounds with overlayed branding, saving design time and ensuring visual consistency.

Core Features & Use Cases

  • AI-backed background generation: Creates abstract or atmospheric backgrounds tailored to page metadata.
  • Branded text overlays: Applies title and subtitle overlays in brand colors to produce ready-to-publish images.
  • Use Case: Ideal for blog posts, product pages, and landing pages needing consistent, high-quality feature images.

Quick Start

Use the feature-image skill with a page path to generate a branded, AI-generated feature image for that page.

Frequently Asked Questions about feature-image

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

FAQPage Schema
How do I automate branded blog feature image generation from page metadata?

Automating branded blog feature image generation involves reading a page's frontmatter to build AI image prompts, generating background images via DALL-E or Flux, and compositing title overlays in brand colors to produce ready-to-publish files.

Can I generate AI feature images for blog posts using DALL-E or Flux?

Yes, you can generate AI feature images using DALL-E or Flux. The process reads page frontmatter to construct suitable prompts, generates backgrounds via the chosen AI provider, and applies branded text overlays for visual consistency.

How do I add brand text overlays to AI-generated background images?

Adding brand text overlays to AI-generated backgrounds requires compositing the page title and subtitle in brand colors over the generated image, ensuring visual consistency across blog posts and landing pages.

Does this feature image generation process require specific frontmatter fields?

Yes, feature image generation requires specific frontmatter fields including title, description, date, and slug from the provided page path to build the AI image prompt and determine the output file paths.

What is the best way to ensure visual consistency for blog post feature images?

The best way to ensure visual consistency for blog feature images is automating generation by combining AI-driven atmospheric backgrounds with standardized branded text overlays applied uniformly across all posts.

Where are generated AI feature images saved and does it update page frontmatter?

Generated AI feature images are written to public/images/blog/<slug>. The process validates inputs, prompts for confirmation before generation, and reports the generated files with frontmatter guidance.