StudioJinsei Nanobanana 画像生成 Skill

概要

StudioJinseiのブランドビジュアルを生成するためのNanobanana Skillです。 Google Gemini APIを直接使用して、ロゴ、コトネちゃん、サイトビジュアル等を生成します。

📋 利用モデル

推奨： StudioJinseiのロゴやメインビジュアルは Gemini 3 Pro Image を使用

🔧 前提条件

必須

• Google API Key（GOOGLE_API_KEY）
• Python 3.x
• google-generativeai パッケージ

環境変数

bash
1export GOOGLE_API_KEY="AIzaSyBs2FQS6FYWwx9LKQdyywkBFTEXt5tK9Z8"

⚙️ セットアップ手順

1. 環境変数を設定

macOS/Linux（zsh）の場合

bash
1# ~/.zshrc を編集
2nano ~/.zshrc
3
4# 以下を追加
5export GOOGLE_API_KEY="AIzaSyBs2FQS6FYWwx9LKQdyywkBFTEXt5tK9Z8"
6
7# 設定を反映
8source ~/.zshrc
9
10# 確認
11echo $GOOGLE_API_KEY

2. Python パッケージをインストール

bash
1pip install google-generativeai

🚀 基本的な使い方

画像生成スクリプト（簡易版）

python
1import google.generativeai as genai
2import os
3from pathlib import Path
4
5# API設定
6genai.configure(api_key=os.environ["GOOGLE_API_KEY"])
7
8# モデル選択
9model = genai.GenerativeModel("gemini-3-pro-image-preview")  # または "gemini-2.5-flash-image"
10
11# プロンプト
12prompt = """
13[ここにプロンプトを記述]
14"""
15
16# 画像生成
17response = model.generate_content(prompt)
18
19# 保存
20output_path = Path("images/studiojinsei/output.png")
21output_path.parent.mkdir(parents=True, exist_ok=True)
22
23if response.candidates and response.candidates[0].content.parts:
24    image_data = response.candidates[0].content.parts[0].inline_data.data
25    output_path.write_bytes(image_data)
26    print(f"画像を保存しました: {output_path}")

📝 プロンプトの作り方

基本テンプレート

すべてのプロンプトに以下を含める：

[StudioJinsei Brand Foundation]

Concept: "Making invisible thoughts visible and tangible"
Tagline: "考えが動きに変わるきっかけをつくるスタジオ"

Visual direction:
- Simple yet warm (not cold)
- Organized yet approachable (not rigid)
- Sophisticated yet friendly (not intimidating)
- Professional yet personal (not distant)

Color palette: Soft mint green (#A8D5BA), dark teal (#1D4E4A), pale mint (#E8F5EE), white (#FFFFFF).
Main: soft mint green (#A8D5BA), accent: dark teal (#1D4E4A).

Typography: Modern sans-serif, Poppins or similar clean font style.

Design style:
- Minimalist, Apple-inspired clean aesthetic
- Plenty of white space, generous breathing room
- Simple, uncluttered, focused layout
- High quality, attention to detail

Avoid:
- Flashy, overly colorful, hyper-energetic styles
- Spiritual, abstract, mystical vibes
- Cold, corporate, distant aesthetics
- Cheap, low-quality appearance

---

[ここに具体的な指示]

🎯 生成パターン

パターン1：ロゴ生成

プロンプト例：

[StudioJinsei Brand Foundation]
...

Professional wordmark logo for "StudioJinsei".
Text-only design, no symbols or icons.
Typography: Modern sans-serif, Poppins or similar clean font.
"Studio" in light/thin weight, "Jinsei" in medium/semibold weight.
Color scheme: Dark teal (#1D4E4A) for main text, soft mint green (#A8D5BA) subtle accent.
Minimalist, sophisticated, professional yet approachable.
Clean letterforms with generous letter spacing.
Plenty of white space around the text.
High quality vector style.

参照： brand-foundation.md

パターン2：コトネちゃん生成

プロンプト例：

[StudioJinsei Brand Foundation]
...

A soft, hand-drawn style illustration of Kotone-chan.
Young Japanese woman with dark long hair.
Mint green bucket hat with subtle leaf pattern.
White elegant clothing.
Gentle, warm illustration style with soft lines.
Muted, sophisticated color palette (soft mint #A8D5BA, dark teal #1D4E4A).
Calm, professional, trustworthy expression with a gentle smile.
Minimal background, plenty of white space.
Apple-inspired clean aesthetic.
She embodies "making invisible thoughts visible" concept.

参照： kotone-character.md

パターン3：サイトビジュアル生成

プロンプト例：

[StudioJinsei Brand Foundation]
...

Website hero section design for StudioJinsei.
Main headline: "考えが動きに変わるきっかけをつくるスタジオ"
Subheadline: "見えない思いを、見える形に"
Background: Soft mint green gradient (#E8F5EE to #FFFFFF).
Minimalist hand-drawn style illustration of Kotone-chan (optional).
Plenty of breathing room, clean and uncluttered.
Professional yet friendly, modern and sophisticated.

📐 解像度設定

Gemini APIでは解像度を直接指定できませんが、プロンプトで要求できます：

Generate a 1024x1024 square image.
High resolution, suitable for professional use.

または

Generate a 1920x1080 (16:9) landscape image.

💰 料金目安

API料金

制作例

ロゴ制作：

• 3パターン生成 = 約63円
• 最終版高解像度 = 約85円
• 合計：約150円

📋 チェックリスト

生成時に必ず確認：

• brand-foundation.md を参照したか
• カラーパレット（#A8D5BA, #1D4E4A）が正しいか
• 「シンプル、でも冷たくない」が表現されているか
• 余白がたっぷりあるか
• StudioJinseiの核心コンセプトが伝わるか
• NGデザイン（キラキラ、スピリチュアル、冷たい、チープ）になっていないか

🖼️ 参照画像

画像の場所

このディレクトリ（nanobanana-base）には参照画像が含まれています：

nanobanana-base/
└── images/
    └── reference/
        ├── line-profile.jpg        # LINEプロフィール画像
        └── officialprofile.PNG     # 公式プロフィール画像

Claudeスキルでの使用

新しいリポジトリでClaudeスキル（.claude/skills/kotone-*）を使用する場合：

1. スキルディレクトリに画像をコピー

   bash
   1mkdir -p .claude/skills/kotone-business/images
   2cp manuals/nanobanana/nanobanana-base/images/reference/* .claude/skills/kotone-business/images/

2. SKILL.mdで参照

   markdown
   1## 参照画像
   2
   3| 用途 | パス |
   4|------|------|
   5| LINEプロフィール画像 | `images/line-profile.jpg` |
   6| 公式プロフィール画像 | `images/officialprofile.PNG` |

詳細は setup-guide.md の「Claudeスキルに参照画像を配置」セクションを参照してください。

🔗 関連資料

• ブランド共通デザイン土台
• コトネちゃん設定
• セットアップガイド
• 使い方ガイド
• README

🤖 AI向け：画像制作依頼時の自動セットアップ手順

ユーザーから「〇〇の画像を作りたい」という依頼があった場合、以下の手順を自動実行してください：

1. プロジェクトディレクトリを作成

bash
1# 例：ロゴ制作の場合
2mkdir -p logo-generation
3cd logo-generation

2. nanobanana-baseをコピー

bash
1# 現在のリポジトリからコピー（既にクローン済みの場合）
2cp -r ../nanobanana-base .
3
4# または、リポジトリをクローンして取得
5git clone https://github.com/StudioJinsei/opening-preparation temp
6cp -r temp/manuals/nanobanana/nanobanana-base .
7rm -rf temp

3. Claudeスキルを設定

bash
1# スキルディレクトリを作成
2mkdir -p .claude/skills/nanobanana
3
4# nanobanana-baseの内容をコピー（manuals内から）
5cp -r nanobanana-base/* .claude/skills/nanobanana/
6# または、リポジトリから直接取得
7git clone https://github.com/StudioJinsei/opening-preparation temp
8cp -r temp/manuals/nanobanana/nanobanana-base/* .claude/skills/nanobanana/
9rm -rf temp
10
11# SKILL.mdのnameを確認（nanobananaになっているか）

4. 専用プロンプトファイルを作成

プロジェクトディレクトリ内（nanobanana-baseと同じディレクトリ）に、用途に応じた専用プロンプトファイルを作成：

bash
1# 例：ロゴ制作の場合
2nano logo_prompt.txt

プロンプトファイルの構成：

1. nanobanana-base/brand-foundation.md の「Nanobanana用 共通プロンプト基盤」を参照
2. 用途に応じた具体的な指示を追加
3. ファイル名は用途に応じて（例：logo_prompt.txt, kotone_prompt.txt）

5. 生成スクリプトを作成（必要に応じて）

python
1# 例：generate_logo.py
2import google.generativeai as genai
3import os
4from pathlib import Path
5
6genai.configure(api_key=os.environ["GOOGLE_API_KEY"])
7model = genai.GenerativeModel("gemini-3-pro-image-preview")
8
9# ベースプロンプトを読み込む（nanobanana-baseはプロジェクトディレクトリ内にコピー済み）
10with open("nanobanana-base/brand-foundation.md", "r") as f:
11    base_content = f.read()
12# 共通プロンプト基盤を抽出（実装は省略）
13
14# 専用プロンプトを読み込む
15with open("logo_prompt.txt", "r") as f:
16    custom_prompt = f.read()
17
18# 結合して生成
19prompt = base_prompt + "\n\n---\n\n" + custom_prompt
20response = model.generate_content(prompt)
21# 保存処理...

6. README.mdを作成（推奨）

プロジェクトディレクトリの説明と使い方を記載：

markdown
1# [プロジェクト名]
2
3## 構成
4- nanobanana-base/ - ベースディレクトリ
5- [プロンプトファイル名] - 専用プロンプト
6- [生成スクリプト名] - 生成スクリプト
7
8## 使い方
9[具体的な使い方]

重要なポイント

• 専用プロンプトファイルは nanobanana-base と同じディレクトリ（プロジェクトディレクトリ内）に保存
• ベースプロンプトは nanobanana-base/brand-foundation.md から自動読み込み
• 専用プロンプトには用途固有の指示のみを記述
• プロジェクトディレクトリは独立して完結する構成にする

🎓 Tips

プロンプト作成のコツ

1. 必ず共通プロンプト基盤を含める
2. カラーコードを明記（#A8D5BA, #1D4E4A）
3. 避けるべきものを明記（Avoid:）
4. 具体的に、曖昧な表現を避ける

品質管理

1. 生成後は必ずチェックリスト確認
2. プロンプトを保存してバージョン管理
3. 複数パターン生成して比較

最終更新：2025/12/20