What image style does this skill generate?

It generates images in a 'Japanese business book' style, characterized by soft watercolor colors, hand-drawn lines, and a clean, approachable aesthetic.

Does this require a Supabase setup?

If your Claude environment has direct access to Gemini image tools, it will use those first. If not, it falls back to a Supabase Edge Function implementation.

Can I use it for social media OGP images?

Absolutely. The 5:2 wide-aspect ratio is perfect for high-quality social media preview cards and blog post thumbnails.

Does it support text in the image?

Yes, it specifically focuses on placing large, centered Japanese text within the 5:2 image to create effective article headers.

What happens if I don't provide a title?

The skill intelligently analyzes your recent conversation history, article drafts, or summaries to automatically generate a relevant title and image.

Article Banner Generator (5:2)

Name: Article Banner Generator (5:2)
Author: iketomo

byiketomo

0•

コンテンツ管理

Generates wide-aspect ratio article headers and social cards with integrated Japanese typography using Gemini AI.

The x-article-image skill enables Claude to create professional 5:2 aspect ratio banners and social media cards tailored for articles and blog posts. It leverages the Gemini 3.1 Flash Image Preview model (Nano Banana 2) to produce a specific 'Japanese business book' aesthetic—featuring soft watercolor textures and hand-drawn lines. A standout feature is its ability to intelligently place large, centered Japanese text directly into the image, ensuring high-impact visuals. The skill is architected for flexibility, automatically choosing between local agent tools or Supabase Edge Functions via pg_net to execute generation based on the current environment.

主な機能

01Hybrid execution logic that utilizes local agent tools or Supabase Edge Functions as needed.

020 GitHub stars

03Optimized 5:2 aspect ratio designed specifically for article headers and social share cards.

04Integrated Japanese typography support with large, centered title placement.

05Context-aware generation that uses previous conversation history to suggest relevant imagery.

06Distinctive 'loose' business illustration style with hand-drawn and watercolor aesthetics.

ユースケース

01Generating consistent header images for technical blog posts and documentation.

02Producing visual assets for internal project reports and presentation slides.

03Creating high-impact social media preview cards (OGP images) for shared links.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add iketomo/cowork_x_plugin x-article-image

For use in Claude.ai and ChatGPT

主な機能

01Hybrid execution logic that utilizes local agent tools or Supabase Edge Functions as needed.

020 GitHub stars

03Optimized 5:2 aspect ratio designed specifically for article headers and social share cards.

04Integrated Japanese typography support with large, centered title placement.

05Context-aware generation that uses previous conversation history to suggest relevant imagery.

06Distinctive 'loose' business illustration style with hand-drawn and watercolor aesthetics.

ユースケース

01Generating consistent header images for technical blog posts and documentation.

02Producing visual assets for internal project reports and presentation slides.

03Creating high-impact social media preview cards (OGP images) for shared links.