Which AI models are used for image generation?

When connected to the Gemini backend, it supports models like gemini-2.5-flash-image and gemini-3-pro-image-preview.

How does the skill decide which visual style to use?

It uses auto-selection logic that matches an article's content pillar—such as Policy, Funding, or Practical Guides—to specific style and mood combinations.

Does this skill actually generate images or just prompts?

It does both. By default, it creates highly detailed prompts, but it can generate PNG images directly if a Gemini API key is configured in your environment.

Can I use my own brand colors in the generated visuals?

Yes, the skill pulls brand palettes from local JSON configuration files to ensure all generated visuals align with your specific brand identity.

What image formats and sizes are supported?

The skill supports 16:9 cover heroes (1200x675), 1.91:1 Facebook cards (1200x628), and 1:1 or 4:5 Instagram cards (1080x1080/1350).

Content Visuals Engine

Name: Content Visuals Engine
Author: jeffrey94

byjeffrey94

•

内容管理

Generates brand-aligned image prompts and social media visuals for blog articles and marketing content.

Content Visuals is a specialized plugin for Claude Code designed to automate the creation of high-quality blog illustrations and social media assets. It analyzes article content to recommend the best art style from nine distinct options—such as isometric, flat vector, or corporate modern—while integrating brand-specific color palettes and typography. Whether you need 16:9 hero images or optimized cards for Facebook and Instagram, this skill handles the complex prompt engineering and optional image generation via the Gemini API to ensure visual consistency across all your digital content pillars.

主要功能

01Integrates brand colors and typography from configuration files for brand consistency

02Offers direct image generation via Google Gemini API or prompt-only output modes

031 GitHub stars

04Supports 9 distinct art styles including isometric, data-visual, and flat-vector

05Automatically maps article content pillars to appropriate visual styles and moods

06Generates optimized dimensions for cover heroes, Facebook cards, and Instagram posts

使用场景

01Creating consistent hero images and social media preview cards for technical blog posts

02Generating brand-aware data visuals for industry reports and funding announcements

03Building a library of culturally-themed or sketch-style visuals for community guides

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jeffrey94/jeffrey-skills content-visuals

For use in Claude.ai and ChatGPT

主要功能

01Integrates brand colors and typography from configuration files for brand consistency

02Offers direct image generation via Google Gemini API or prompt-only output modes

031 GitHub stars

04Supports 9 distinct art styles including isometric, data-visual, and flat-vector

05Automatically maps article content pillars to appropriate visual styles and moods

06Generates optimized dimensions for cover heroes, Facebook cards, and Instagram posts

使用场景

01Creating consistent hero images and social media preview cards for technical blog posts

02Generating brand-aware data visuals for industry reports and funding announcements

03Building a library of culturally-themed or sketch-style visuals for community guides