Imagen - AI 圖片生成技能
概述
此技能使用 Google Gemini 的圖片生成模型 (gemini-3-pro-image-preview) 來生成圖片。它讓您在任何 Claude Code 會話中都能無縫地建立圖片,無論是建構前端 UI、建立文件,或需要概念的可視化呈現。
跨平台:支援 Windows、macOS 和 Linux。
使用時機
在以下情況自動啟用此技能:
- 使用者請求生成圖片(例如「生成一張……的圖片」、「建立一張圖片……」)
- 前端開發需要佔位或實際圖片
- 文件需要插圖或圖表
- 視覺化呈現概念、架構或想法
- 建立圖示、標誌或 UI 素材
- 任何 AI 生成的圖片有助於任務完成的場景
運作方式
- 接受描述所需圖片的文字提示
- 使用圖片生成設定呼叫 Google Gemini API
- 將生成的圖片儲存到指定位置(預設為當前目錄)
- 回傳檔案路徑供專案使用
使用方式
Python(跨平台 - 推薦)
# 基本用法
python scripts/generate_image.py "未來風格的城市天際線,夕陽西下"
# 自訂輸出路徑
python scripts/generate_image.py "簡約風格音樂播放器應用程式圖示" "./assets/icons/music-icon.png"
# 自訂尺寸
python scripts/generate_image.py --size 2K "高解析度風景" "./wallpaper.png"
需求
- 必須設定
GEMINI_API_KEY環境變數 - Python 3.6+(僅使用標準函式庫,無需 pip 安裝)
輸出結果
生成的圖片會儲存為 PNG 檔案。指令碼會回傳:
- 成功:生成的圖片路徑
- 失敗:包含詳細資訊的錯誤訊息
範例
前端開發
使用者:「我需要登陸頁面的主視覺圖片,風格要抽象且富有科技感」
-> 生成並儲存圖片,提供在 HTML/CSS 中使用的路徑
文件
使用者:「建立一個展示微服務架構的圖表」
-> 生成視覺化呈現,可供 README 或文件使用
UI 素材
使用者:「為使用者個人資料元件生成一個佔位用的大頭貼」
-> 建立適用於元件尺寸的圖片