SuperAPI AI Directory

visual-creator

General & other

View repository

Updated 10-15 22:13

About this skill

Visual Content Generator

An all-in-one intelligent tool that automatically completes cover base image generation, smart cropping, multi-ratio adaptation, and share card generation.

Core Features

  • Smart Base Image Generation: Automatically selects the best size and ratio, supporting multiple styles
  • Smart Cropping: Supports multiple cropping modes including center, golden ratio, and saliency detection
  • Multi-Scheme Preview: Generates multiple cropping schemes at once for selection
  • Share Card Sync: Automatically generates a matching 1:1 share card
  • One-Click Output: Simultaneously exports the main article cover (2.35:1), secondary article cover (1:1), and share card (1:1)

How to Use

Method 1: Use the style system (recommended ⭐)

The style system provides 5 preset styles and automatically generates high-quality cover prompts.

Basic Usage

生成封面:智谱上市579亿,使用专业科技风格,副标题是GLM-4.7实测

5 Style Options

Style Applicable Scenarios Example
Professional Tech Technical articles, AI topics, programming tutorials 生成封面:AI架构设计,使用专业科技风格
Fresh and Lively Life sharing, study notes, growth records 生成封面:我的学习笔记,使用清新活泼风格
Minimalist Philosophical reflections, in-depth viewpoints, minimalism 生成封面:技术的本质,使用简约极简风格
Warm and Healing Emotional articles, growth insights, life stories 生成封面:与自己和解,使用温暖治愈风格
Business Professional Business analysis, data reports, market research 生成封面:2024市场分析,使用商务专业风格

Automatic Style Matching

If no style is specified, the system will automatically match the most suitable style based on the title:

生成封面:我的AI学习笔记
# 系统自动匹配为"清新活泼"风格

生成封面:GLM-4.7技术深度解析
# 系统自动匹配为"专业科技"风格

Method 2: Use traditional prompts

You can also directly describe the desired cover effect:

Basic Usage

生成一个科技感的公众号封面,主题是AI人工智能,蓝紫色调

Specify Style

生成一个温暖治愈风格的公众号封面,主题是生活感悟,暖色调渐变

Specify Cropping Scheme

生成公众号封面,主题是职场成长,使用黄金比例裁剪

Method 3: Direct Command-Line Invocation

# 使用风格系统
python .claude/skills/cover-generator/scripts/cover_generator.py \
  --use-style \
  --title "智谱上市579亿" \
  --style tech \
  --subtitle "GLM-4.7实测"

# 自动匹配风格
python .claude/skills/cover-generator/scripts/cover_generator.py \
  --use-style \
  --title "我的学习笔记" \
  --style auto

# 使用传统提示词
python .claude/skills/cover-generator/scripts/cover_generator.py \
  "科技感渐变背景,中央有公司Logo"

Full Parameters

{
  "use_style": true,
  "title": "智谱上市579亿",
  "style": "tech",
  "subtitle": "GLM-4.7实测",
  "scene_type": "cover",
  "crop_mode": "smart",
  "generate_share_card": true
}

Typical Scenarios

  1. Official Account Article Cover: Generates a 2.35:1 cover suitable for the main article
  2. Series Article Covers: Series covers with a consistent style
  3. Event Poster Covers: Cover cards with title text
  4. Multi-Platform Adaptation: Simultaneously generates multiple sizes for Official Accounts, Xiaohongshu, and Weibo

Design Principles

  • Intelligently identifies the subject position to avoid cropping out key content
  • The main article cover (2.35:1) and share card (1:1) are visually unified
  • Key content is placed in the safe area by default (central 60%)
  • Supports multiple cropping modes to adapt to different content layouts

🔄 Fallback Options When AI Image Generation Fails

When the AI image generation service (Doubao API) is unavailable, you can use the following fallback options:

Option 1: Use a solid color/gradient background (recommended ⭐)

Applicable Scenarios: Quickly generate a simple cover without AI image generation

Advantages:

  • ✅ No API calls required, 100% available
  • ✅ Fast generation, < 1 second
  • ✅ Supports all 5 styles
  • ✅ Clear text with strong readability

How to Use:

生成纯色背景封面:AI技术趋势,使用专业科技风格

Technical Implementation:

  • Use Pillow to generate a layered gradient background
  • Automatically select a color scheme based on style
  • Intelligently lay out title text

Option 2: Online design tools

Canva - https://www.canva.cn

  • ✅ Dedicated WeChat Official Account cover template library (900×383)
  • ✅ Drag-and-drop editing, easy to use
  • ✅ A large number of free design elements
  • ✅ Supports team collaboration

Gaoding Design - https://www.gaoding.com

  • ✅ Specially optimized for WeChat Official Account covers
  • ✅ Provides industry template categories
  • ✅ Brand color management and reuse

Chuangkit - https://www.chuangkit.com

  • ✅ Massive free templates
  • ✅ Quickly generate and download
  • ✅ Supports sizes for multiple social platforms

Option 3: Use local tools

PowerPoint / Keynote

  • ✅ Quickly create covers
  • ✅ Rich library of shapes and icons
  • ✅ Can be exported as images

Figma / Sketch

  • ✅ Professional-grade design tools
  • ✅ Precisely control every element
  • ✅ Can create reusable templates

Photoshop / GIMP

  • ✅ Powerful image editing capabilities
  • ✅ Advanced special effects and filters
  • ✅ Professional output quality

Option 4: Use preset templates

We provide a preset template library (coming soon):

  • 5 styles × 10 color schemes = 50 preset templates
  • Can be used by directly replacing the text
  • Suitable for rapid batch generation

Option selection recommendations

Scenario Recommended option Reason
Urgent cover Solid color/gradient background No waiting, generate immediately
Daily use Canva Rich templates, easy to use
Professional design Figma Precise control, reusable
Batch generation Preset templates Fast and consistent
High quality Photoshop Professional output

How to determine whether AI image generation is available

Method 1: Try generating a simple cover

生成封面:测试

Method 2: Check the error message If you see the following errors, the API is unavailable:

  • "Invalid API key"
  • "Generation failed: network error"
  • "AI image generator not configured"

Method 3: Check the API configuration

# 检查环境变量
echo $DOUBAO_API_KEY

# 检查配置文件
cat .claude/skills/image-generation/config/config.yaml

Temporary solutions

If AI image generation is temporarily unavailable, you can:

  1. Use a solid color background: specify in the command

    生成纯色背景封面:标题,使用专业科技风格
    
  2. Use online tools:

    • Visit Canva:https://www.canva.cn
    • Search for "WeChat Official Account cover"
    • Choose a suitable template
    • Replace the text and download
  3. Contact technical support:

    • Check the API Key configuration
    • Confirm the network connection
    • Try refreshing the API Key