Community影像github.com

andreakeating1982/image-generation

製作與編輯圖片:海報、社群圖形、縮圖、產品照、標誌、圖示、插圖、角色、UI 模型、資訊圖表、照片編輯與重新風格化。同時判斷應使用 AI 圖片、圖表、示意圖或渲染版面。

image-generation 是什麼?

這項技能提供全面的 AI 圖片生成與編輯功能,專為需要視覺資產的開發者與創作者設計。它支援多種平台,包括 Claude Code、Cursor 和一般的 AI 代理工作流程。該技能會根據任務要求,引導你選擇最合適的生成方式,例如使用 `media_generate_image` 進行 AI 圖片生成、使用 `media_generate_from_images` 編輯現有圖片,或使用 Python 圖表、HTML 版面渲染與 Mermaid 圖表等非 AI 方法。其獨特的決策邏輯能確保視覺交付物(海報、縮圖、產品照、UI 模型等)符合實際用途,並防止浪費圖片生成額度。該技能強調在生成前應先確立用途、主體與風格,並遵守嚴格的規則,包括正確處理圖片中的文字、保持角色或產品的一致性,以及在需要時安全地編輯圖片。技能文件也提供提示語配方與最佳實踐,供進階使用。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/andreakeating1982/Skills-didattiche-personalizzate/tree/HEAD/skills/image-generation

Installed? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

預覽

來自技能 README

簡短標題
圖表

說明文件

圖片生成

一張好圖片能完成其任務:在它被使用的地方,做到銷售、說明、識別或裝飾。在撰寫提示詞之前,先決定圖片的任務與方法。

選擇方法

圖片必須...方法
繪製帶有真實軸線、刻度或數字的數據Python 圖表(請參閱 data-analysis 技能)。切勿使用 AI 圖片
顯示準確事實:時間、價格、行程、路線、時刻表、比較或規格表、核對清單渲染為 PNG 的 HTML 版面:references/static-layouts.md
顯示結構:流程圖、時序圖、組織圖、架構圖、心智圖渲染為 PNG 的 Mermaid 圖表:references/static-layouts.md。僅在要求後,再製作精緻的 AI 版本
作為視覺資產:海報、廣告、社群貼文、縮圖、插圖、產品照、角色、標誌概念、圖示、UI 模型圖片、包含少量關鍵事實的資訊圖表AI 圖片:media_generate_image
修改現有圖片:編輯、重新風格化、更換背景、新增或移除物件、翻譯文字、結合人物或產品、放大或修復AI 編輯:media_generate_from_images
調整大小、裁切、轉換、壓縮或拼接,不產生新內容在沙盒中使用 Pillow 或 ffmpeg
成為一個可運作的網頁、應用程式或原型建置該軟體。圖片是錯誤的交付物

對於使用者想要看到真實樣貌的真實人物、地點、產品或事件,請使用 search 工具(類型為 image)尋找真實照片。請勿生成它們。

工具

  • media_generate_image(prompt, orientation) 使用使用者選擇的圖片模型(預設為 GPT Image,其文字渲染效果良好)進行生成。orientation 可為 square、landscape 或 portrait。
  • media_generate_from_images(prompt, image_urls, orientation) 編輯或合併圖片。image_urls 接受 URL 或沙盒路徑,例如 /home/user/uploads/photo.jpg。傳入多張圖片以進行合併(例如「將第一張圖片中的人物放入第二張圖片的場景中」)。
  • 閱讀此技能會解鎖媒體工具。如果工具仍然缺失,請使用一行簡短說明呼叫 media_generate。
  • 每張圖片都會消耗使用者的圖片額度。當方案限制達到時,請告知使用者並建議升級。切勿降級使用 Python 繪製圖片。

先確定簡報,再寫提示詞

在撰寫提示詞之前,先確定以下事項。僅詢問那些你無法合理假設的內容(通常是確切文字、品牌顏色或參考照片):

  • 目的: 圖片必須達成什麼目標,以及它將用於何處(動態消息貼文、網站主視覺、印刷品、簡報、應用程式商店)。
  • 格式: 方向與安全區域(文字遠離邊緣,預留標題空間)。
  • 主體: 特定的人物、產品、場景或概念。
  • 風格: 攝影風格、插畫風格、3D 風格、平面向量風格、品牌風格,或符合參考素材的風格。
  • 文字: 確切的文字,組織成標題、副標題、標籤與行動呼籲,或「無文字」。
  • 必須保留: 身分、產品形狀、標誌、顏色、編輯範圍外的所有內容。

新圖片、編輯以及各種情境的提示詞模式,請參閱 references/prompt-recipes.md。對於任何超出簡單單張圖片的複雜需求,請務必閱讀該文件。

規則

  • 圖片中的文字。 將確切文字放在提示詞的引號內,讓模型渲染它們。僅保留一個標題與幾行簡短文字。切勿先生成空白背景,然後用 Python 在背景上打字。對於包含大量確切資訊的內容,請改用 HTML 版面方法。
  • 一致性。 對於重複出現的角色或產品,先製作一張主圖,然後使用 media_generate_from_images 從中衍生出其他姿勢與場景。
  • 系列作品。 對於圖示包、卡牌組、產品變體與海報系列,請使用相同的風格描述,為每個項目製作一張圖片。除非被要求,否則不要將它們合併成一張圖。
  • 編輯保留其他所有內容。 清楚說明哪些部分變更了,以及哪些部分必須保持不變(臉部、姿勢、產品、背景、燈光、顏色)。
  • 透明素材。 這些工具會回傳不透明的圖片。請在一個不會出現在主體中的純色背景上生成圖片,然後移除背景:對於平面圖形,使用 Pillow 的色鍵去背;對於照片,使用 pip install rembg 和 rembg i in.png out.png。檢查邊緣。
  • 檢查一次,輕輕地。 查看結果(使用帶有圖片 URL 的 file_view)。確認已滿足要求,且所需的文字、名稱和數字是正確的。
  • 切勿自行再次生成圖片。 每張圖片都會消耗額度。如果結果有真正的錯誤(拼錯的字、錯誤的數字、遺漏的元素),請顯示出來,用一句話說明錯誤所在,然後詢問是否要製作修正版本。僅在使用者告知你「一直修正到正確為止」時,才無需詢問再次生成。HTML 版面渲染不需花費任何成本:請自行修正這些問題。

交付

在回覆中將生成的圖片顯示為 markdown 格式:![簡短標題](url)。沙盒檔案(渲染結果、處理過的圖片)也可以透過路徑嵌入,例如 ![圖表](/home/user/out/chart.png)。使用 send_attachment 交付使用者應保留的最終檔案。交付後,停止。提供一個有用的下一步建議,而不是製作額外無人要求的變體。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能