mcpField
N
nano-banana-poster

nano-banana-poster

github.com/aviz85クリエイティブ・メディア5061 回インストール16 週間前に更新
リポジトリ

nano-banana-poster について

nano-banana-posterは、Google's Gemini modelでポスター画像を生成するコマンドラインスキルです。縦横比の指定や参照画像の追加に対応し、選んだ結果をギャラリーに保存できます。

主な機能

  1. 01Geminiによる画像生成
  2. 02縦横比の指定
  3. 03任意の参照画像
  4. 04生成結果のギャラリー保存
  5. 05ヘブライ語とRTLのプロンプト指針

活用シーン

  1. 01横向きポスターの生成
  2. 02縦型ストーリー画像の作成
  3. 03画像を生成時の参照に使用
  4. 04スタイル参照用画像の保存

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/aviz85/claude-skills-library --skill nano-banana-poster

インストール後、Claude Code で/nano-banana-posterを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

SETUP.md
references/
brand_style.txt
scripts/
.env.example
generate_poster.ts
package.json
tsconfig.json

詳細

Nano Banana Poster Generator

初めてですか？ 上記の setup_complete: false の場合は、まず ./SETUP.md を実行してから、setup_complete: true に設定してください。

Google の Gemini モデルを使用して、オプションの参照素材をもとに画像を生成します。

クイックスタート

cd ~/.claude/skills/nano-banana-image/scripts

# Basic generation (default 3:2 horizontal)
npx ts-node generate_poster.ts "A futuristic city at sunset"

# With aspect ratio (3:2 horizontal, 2:3 vertical, 16:9 wide, 9:16 tall)
npx ts-node generate_poster.ts --aspect 3:2 "A wide landscape poster"
npx ts-node generate_poster.ts -a 9:16 "A vertical story format"

# With reference assets
npx ts-node generate_poster.ts --assets "my-logo" "Create banner with logo"

# Combined: aspect ratio + assets
npx ts-node generate_poster.ts --aspect 16:9 --assets "logo" "YouTube thumbnail"

アスペクト比

重要： ユーザーが「縦長」「ストーリー」「正方形」など、別の形式を明示的に指定しない限り、常にデフォルトの 3:2 アスペクト比を使用してください。独自にアスペクト比を変更しないでください。

--aspect または -a で画像のサイズを指定します。

比率用途
3:2横長 （デフォルト — ユーザーが指定しない限りこれを使用）
1:1正方形 — Instagram、プロフィール画像
2:3縦長 — Pinterest、ポスター
16:9ワイド — YouTube のサムネイル、ヘッダー
9:16縦長 — ストーリー、リール、TikTok
npx ts-node generate_poster.ts --aspect 3:2 "Your prompt"
npx ts-node generate_poster.ts -a 16:9 "Your prompt"

素材の追加

参照画像を含めるには、フルパスを指定して --assets を使用します。

# Single asset
npx ts-node generate_poster.ts --assets "/full/path/to/image.jpg" "Your prompt"

# Multiple assets (comma-separated)
npx ts-node generate_poster.ts --assets "/path/a.jpg,/path/b.png" "Use both images"

対応形式： .jpg、.jpeg、.png、.webp、.gif

重要： 素材は自動的には含まれません。--assets で明示的に指定する必要があります。

ギャラリーへの保存

今後のスタイル参照用に、良い結果を保存します。

npx ts-node generate_poster.ts --save-to-gallery "my-style" "prompt"

プロンプト情報を含む assets/gallery/my-style.jpg と .meta.json が作成されます。

API の設定

scripts/.env を作成します。

GEMINI_API_KEY=your_api_key_here

ヘブライ語／RTL コンテンツ

ヘブライ語のテキストを含む画像を生成する場合：

プロンプトに必ず含めてください：

CRITICAL: All text must be in Hebrew.
CRITICAL: Layout direction is RTL (right-to-left).
Flow, reading order, and visual hierarchy must go from RIGHT to LEFT.

これにより、テキストが正しく描画され、視覚的な流れがヘブライ語の読み方向に合うようになります。

出力

  • ファイルは poster_0.jpg、poster_1.jpg などの名前で保存されます
  • アスペクト比：--aspect で設定可能（デフォルト：3:2）
  • 品質：1K（最長辺が 1024px）

コメント

Markdown 対応