Community程式設計與開發github.com

NoahYUYE/圖片轉可編輯PPT

將平面圖片、螢幕截圖、海報、圖表或資訊圖表重建為可編輯的PowerPoint投影片,保留原始構圖與視覺效果。

圖片轉可編輯PPT 是什麼?

這項技能能將任何平面圖片(如螢幕截圖、海報、圖表或資訊圖表)轉換為可編輯的PowerPoint投影片。它會分析圖片的圖層、文字、幾何形狀與複雜物件,並以「混合重建」策略實作:可編輯的原生PowerPoint物件用於文字與簡單幾何形狀,而複雜的渲染物件則保留為獨立的透明PNG圖層。此技能支援Claude Code等AI代理平台,並要求搭配一個簡報處理技能(如python-pptx)來處理最終的PPTX輸出。工作流程包含分析原始圖片、規劃編輯性、提取圖層、逐層重建、驗證渲染結果,並最終交付一個保留原始長寬比、圖層結構與視覺效果的PPTX檔案。它強調透明度:不會誇大重建的精確度,並清楚指出哪些元素是真正可編輯的。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add NoahYUYE/image-to-editable-ppt

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

圖片轉可編輯PPT 是做什麼的?

將參考圖片重建為真實的投影片物件。偏好混合結果:文字與幾何形狀使用原生PowerPoint物件,複雜渲染物件使用透明圖片圖層。

必備配套技能

在開始創作前,請先閱讀並遵循可用的簡報/PPT技能。使用其要求的PowerPoint函式庫、工作區設定、匯出、渲染與溢出檢查。如果沒有可用的簡報技能,請回報此限制,而不是發明不支援的PPT工作流程。

預設合約

除非使用者另有指示:

  • 每張參考圖片建立一張投影片。
  • 使用自訂投影片尺寸匹配來源的長寬比。
  • 保留版面配置、層級結構、色板、陰影、漸層與視覺方向。
  • 讓文字、標題、徽章、藥丸形狀、箭頭、平台、線條、環形與簡單幾何形狀成為原生且可編輯的物件。
  • 將複雜的產品、人物、3D渲染與詳細插圖保留為獨立的透明圖片元素。
  • 為每個物件清楚命名,以便在PowerPoint的選取窗格中辨識。
  • 僅在使用者要求時才翻譯可見文字;使用自然的觀眾導向語言,並保持可編輯性。
  • 除非要求其他成品,否則僅交付最終的PPTX檔案。

請勿宣稱內嵌的點陣圖物件可以在內部進行向量編輯。它僅能作為獨立圖片進行編輯:移動、調整大小、裁剪、在外部重新著色或取代。

工作流程

1. 檢查參考圖片

以原始解析度檢視圖片。記錄其像素尺寸與長寬比。在開始創作前,盤點所有可見的圖層:

  1. 背景與裝飾紋理;
  2. 連接線、箭頭、平台與結構性幾何形狀;
  3. 數字徽章、標籤、標題與內文;
  4. 簡單圖示;
  5. 複雜物件或渲染效果;
  6. 光照效果、陰影、光暈與疊加層。

在決定每個圖層的實作方式時,請參閱 references/reconstruction-playbook.md。

2. 建立編輯性計畫

在開始建構前,為每個圖層選擇實作方式:

  • 所有可見文字使用原生文字方塊。
  • 簡單幾何形狀與PowerPoint可以可靠重現的效果使用原生形狀。
  • 關係線與箭頭在可行時使用原生線條/連接線。
  • 複雜物件(其內部重繪會降低保真度)使用獨立的透明PNG檔。
  • 只有不具備編輯意義的紋理使用單一點陣背景;切勿將文字或主要前景物件包含在該背景中。

絕對不要將完整的原始圖片作為可見的投影片背景,並在上面覆蓋可編輯的副本。這不是真正的可編輯重建。

3. 準備任務工作區

遵循有效的檔案輸出規則。對於專案任務,請使用 <project-root>/_codex/YYYYMMDD-task-slug/ 下的一個目錄,其中包含 final/、working/ 和 _tmp/ 子目錄。將擷取的裁切圖、預覽渲染圖與品質驗證證據放在 _tmp/ 中;僅將最終交付物放在 final/ 中。

4. 擷取複雜元素

在視覺識別裁切區域後,建立一個區域JSON檔案,然後執行:

python scripts/extract_regions.py \
  --input <reference.png> \
  --regions <regions.json> \
  --out <tmp-assets-dir>

僅當裁切區域被白色或接近白色的背景包圍時,才使用 mode: near-white。當移除透明度會損壞物件時,使用 mode: preserve。以全尺寸檢查每個擷取的資產,並縮緊裁切區域以移除相鄰的線條、平台、文字或箭頭。

此腳本僅用於裁切與透明度遮罩。請勿使用Python重新繪製簡報的視覺內容。

5. 以從後到前的順序重建

按以下順序創作圖層:

  1. 投影片背景與細緻的裝飾紋理;
  2. 箭頭與連接線;
  3. 平台與大型結構形狀;
  4. 引導線與數字徽章;
  5. 文字方塊與藥丸形狀;
  6. 擷取的圖片元素;
  7. 前景重點。

當簡報函式庫支援像素單位時,使用原始像素座標系統作為投影片座標系統。這使得放置位置可預測,並保留原始比例。

保持每個有意義的項目獨立。對於重複的結構,使用一致的名稱,例如 Stage 2 transport icon、Stage 2 transport label 和 Stage 2 platform top。

6. 重建與本地化文字

轉錄每個可見的文字元素。保留層級結構,而不是盲目保留字型大小。僅在需要符合原始寬度時使用壓縮字型。當設計要求時,讓標題保持在一行內。

關於翻譯:

  • 保留商業含義;
  • 偏好自然的簡報英文而非逐字翻譯;
  • 在整張投影片中保持術語一致;
  • 在渲染後檢查拼寫、大小寫、分隔符號與換行。

7. 以三種視圖驗證

始終執行以下三項檢查:

  1. 以原始解析度檢查原始圖片;
  2. 匯出並檢查簡報函式庫的預覽;
  3. 使用簡報技能的渲染器渲染最終的PPTX,並以全尺寸檢查該結果。

執行簡報技能的溢出測試。修復每個非預期的溢出、重疊、裁剪、文字換行、缺少字型、裁切瑕疵或圖示偏移。不要認為程式化預覽就足夠,因為PowerPoint的渲染可能不同。

請參閱 references/reconstruction-playbook.md 以取得最終品質檢查清單與保真度權衡。

8. 透明交付

回傳最終的PPTX,並說明:

  • 哪些元素系列是原生且完全可編輯的;
  • 哪些元素保持為獨立的點陣圖影像;
  • 是否保留了原始長寬比;
  • 溢出檢查與最終渲染檢查是否通過。

不要誇大保真度。當無法取得原始字型、向量或分層設計檔案時,請將重建描述為近似結果。

相關技能