How does it handle Japanese line breaks?

The skill uses a specialized algorithm that breaks text at natural Japanese boundary points (particles, punctuation) to produce visually natural layouts.

Does this require an external API like DALL-E or Midjourney?

No, it uses the local Pillow library to composite text onto your own background templates, ensuring zero API costs and instant generation.

What image dimensions are supported?

While it defaults to 1280x720 (optimized for note.com), you can specify any custom width and height to suit different social platforms or blog formats.

Is a background image required?

Yes, you must provide your own background image (PNG or JPG). The skill resizes your template to fit the target dimensions before overlaying the text.

Can I use my own brand colors and fonts?

Yes, you can customize RGB colors for tags and titles via CLI arguments, and the script includes a fallback chain that looks for custom fonts in your local directory.

Watercolor Header Generator

Name: Watercolor Header Generator
Author: MtKana

byMtKana

0•

コンテンツ管理

Generates professional note.com header images with Japanese text overlay and automatic word wrapping.

This skill automates the creation of high-quality eyecatch images for note.com articles, eliminating manual design effort and API costs. By utilizing the Pillow library to composite text onto background templates, it provides a deterministic way to generate headers that feature Japanese-optimized word wrapping, custom branding colors, and font fallback chains. It is ideal for high-volume content creators and automated publishing pipelines looking for consistent, visually appealing article headers without the overhead of external image generation services.

主な機能

01Japanese-optimized automatic word wrapping using linguistic break points

020 GitHub stars

03Optimized output for note.com's 1280x670 recommended eyecatch dimensions

04Flexible customization of font colors, sizes, and layout positions

05Zero-cost local image generation using the Pillow library

06Deterministic font fallback system for macOS, Linux, and custom environments

ユースケース

01Creating consistent branding across social media article previews

02Integrating visual asset generation into autonomous content publishing pipelines

03Automating header image creation for high-frequency blog posts on note.com

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mtkana/claude-code-plugins watercolor-header

For use in Claude.ai and ChatGPT

主な機能

01Japanese-optimized automatic word wrapping using linguistic break points

020 GitHub stars

03Optimized output for note.com's 1280x670 recommended eyecatch dimensions

04Flexible customization of font colors, sizes, and layout positions

05Zero-cost local image generation using the Pillow library

06Deterministic font fallback system for macOS, Linux, and custom environments

ユースケース

01Creating consistent branding across social media article previews

02Integrating visual asset generation into autonomous content publishing pipelines

03Automating header image creation for high-frequency blog posts on note.com

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mtkana/claude-code-plugins watercolor-header

For use in Claude.ai and ChatGPT