圖文設計 Skill 操作與交付

← 練習材料
# 四種下載怎麼選

## ChatGPT
先解壓 ChatGPT ZIP，找到職稱資料夾內的 SKILL.md；不是把 ZIP 當一般聊天附件就算安裝。
在有 Skills 功能的 ChatGPT 桌面版 Work 開新對話，同時附上 SKILL.md 與 references/classroom-example.md，用 @skill-creator 請它依原名稱與流程建立個人 Skill，保留 references/classroom-example.md 相對路徑；完成後到側欄 Skills 核對指令與參考檔，再於新對話用 @ 選用。
若使用桌面版中的 Codex，也可將解壓後完整職稱資料夾放入使用者目錄的 .agents/skills/，重新載入後核對名稱。
只有網頁版、沒有建立入口或無法保留參考檔時，改用課程可讀 MD（已內含範例），貼上正文及來源，明說「依這份工作指令執行」；標為手動使用，不能算已安裝。

## Claude
單職稱 Claude ZIP 保持壓縮；內含一個與技能同名的資料夾及 SKILL.md。
Claude → Customize → Skills → ＋ → Create skill → Upload a skill，選 Claude ZIP 並啟用。
個人帳號到 Settings → Capabilities 開啟 Code execution and file creation（新版為 Create and edit files）。組織帳號另依管理員政策。
一般 Claude Skills 不需要 Claude Duet。沒有上傳入口時，用 MD 正文走一般對話並標為手動使用。

以下逐頁操作為 Gemini 示範；MD 可跨平台手動使用。

# 圖文設計 Skill｜graphic-designer

版本：2026/10/27-r2。本文件與ZIP及逐頁教材同版。既有截圖用於辨識位置，不是本版重跑驗證。


## 1. 先交版面與圖片 Prompt

分清Prompt完成、成圖完成及規格完成。

1. 本Skill交已核對文案、版面與完整圖片Prompt。
2. 圖片由使用者另用產圖功能製作，原圖格式尺寸另驗。

完成後確認：分清Prompt完成、成圖完成及規格完成。

## 2. 認識從需求到圖片的流程

1. Skill 先整理來源、版面與完整提示語；提示語不是完成圖片。
2. 確認後另開一般 Gemini 對話，再選建立圖像，不能在 Skill 對話反覆找工具。
3. 產圖後還要下載、開檔、核對文字與像素。

### 可複製的交辦句

本步只做純文字規劃，收到 A1、已確認六欄需求單與 A3 後，交版面和一段完整 Gemini 圖片提示語，等我確認後停止。直式 4:5，目標 PNG 1080×1350，繁體中文，親切插畫；A3 只參考配色與構圖，不當成活動場地照片。只使用 A1 活動事實，聯絡電話維持待補；不得新增報到期限、服務項目、數據或資歷。把來源事實與待確認建議分開。提示語不是完成圖片；之後另開一般對話選「建立圖像」執行。

完成後確認：能說出規劃→生成→實際檔案驗收三段。

## 3. 交出需求單與參考圖

1. 提供已確認六欄需求單，並貼 A1 來源內容；聊天來源標籤並不等於 Notebook 可點引用。
2. 下載 A3-style-reference.png，實際附圖給技能，說明只參考配色／構圖或人物哪一項；本課 A3 是人工教學構圖，非場地照片。
3. A3 藍白與需求單米白深藍可擇一；先確認採用哪組，不把色差當資料錯誤。

### A1 來源全文（與交辦句分開貼）

【虛構課堂練習資料｜A1 活動簡章】
活動名稱：就服活動說明與求職準備
對象：想了解就業服務的求職民眾
時間：2026/10/30 14:00–16:00
地點：就服中心練習教室（虛構場地）
內容：服務說明、需求確認、求職準備建議
流程：報到→服務介紹→個別諮詢
應備物品：履歷、筆記用品
報名方式：洽服務櫃檯登記
聯絡電話：待補
資料日期：2026/10/24

### 可複製的交辦句

本步只做純文字規劃，收到 A1、已確認六欄需求單與 A3 後，交版面和一段完整 Gemini 圖片提示語，等我確認後停止。直式 4:5，目標 PNG 1080×1350，繁體中文，親切插畫；A3 只參考配色與構圖，不當成活動場地照片。只使用 A1 活動事實，聯絡電話維持待補；不得新增報到期限、服務項目、數據或資歷。把來源事實與待確認建議分開。提示語不是完成圖片；之後另開一般對話選「建立圖像」執行。

完成後確認：已附 A3 PNG 並說明參考範圍；活動事實只來自 A1。
- A1 練習檔：/lessons/luodong-ai/materials/A1-activity-source.txt
- A3 練習檔：/lessons/luodong-ai/materials/A3-style-reference.png

## 4. 確認版面與製作工具

1. 主線工具選 Gemini 圖片，先在 graphic-designer 技能對話拿版面與完整提示語，確認 4:5、PNG、繁中與配色。
2. 核對提示語內日期、地點、報名方式、電話待補四項，刪除未經確認的新增規定。
3. 提示語確認後另開一般 Gemini 新對話，確認沒有選用任何 Skill，再找「工具／更多工具 → 建立圖像」。

### 可複製的交辦句

本步只做純文字規劃，收到 A1、已確認六欄需求單與 A3 後，交版面和一段完整 Gemini 圖片提示語，等我確認後停止。直式 4:5，目標 PNG 1080×1350，繁體中文，親切插畫；A3 只參考配色與構圖，不當成活動場地照片。只使用 A1 活動事實，聯絡電話維持待補；不得新增報到期限、服務項目、數據或資歷。把來源事實與待確認建議分開。提示語不是完成圖片；之後另開一般對話選「建立圖像」執行。

完成後確認：持有一段完整且核對過的提示語，尚未生成時如實標規劃完成。

## 5. 把提示語交給圖片功能

1. 在沒有 Skill 標記的新對話，選「建立圖像」。
2. 重新附 A3 PNG；上一段技能對話的附件不會自動帶過來。
3. 貼完整已核對提示語與必要的 A1 資訊，再送出；不要只寫「照上面」。
4. 入口缺少、額度不足或等待約3分鐘仍無結果時，先保存提示語，改用人工 A3 做構圖核對；這是課堂等待安排，不是速度保證，成果標未生成。

### 可複製的交辦句

建立一張直式 4:5 活動 DM，目標 PNG 1080×1350，繁體中文，親切插畫。請依我本則訊息附上的 A3 參考構圖與已確認配色。
活動名稱：就服活動說明與求職準備
時間：2026/10/30 14:00–16:00
地點：就服中心練習教室（虛構場地）
報名：洽服務櫃檯登記
聯絡電話：待補
內容只用 A1 事實，不新增報到期限或服務承諾。

完成後確認：實際看到本次新圖；使用 A3 或其他範例時標教學參考，不能充當自己的生成。
- A3 練習檔：/lessons/luodong-ai/materials/A3-style-reference.png

## 6. 核對活動資訊，修正一個問題

1. 放大成品核對日期時間、地點、報名方式、電話待補四項。
2. 一次只改一項，例如放大報名文字；重新逐項核對全部活動文字與版面，不能假設其餘沒變。
3. 在生成圖片上移入游標，找右上下載圖示／圖片選單中的下載；若有原尺寸選項先選，再到下載目錄開檔。
4. 用檔案資訊或圖片檢視器確認真正格式和像素：1080×1350 是 4:5；交叉相乘寬×5＝高×4。預覽 JPEG 825×1024 不符合 PNG／精確4:5，標格式未完成；不能只改副檔名。

### 可複製的交辦句

只放大報名方式文字，保留其他內容與版面。改後仍須逐項核對 2026/10/30 14:00–16:00、虛構教室、洽櫃檯登記、電話待補；請列出可能附帶變動供我檢查。

完成後確認：可開啟的實際檔型、像素與四項文字均通過；原尺寸取不到明列未完成。

## 7. 回到課程頁，找到這個 Skill

1. 回課程總覽，找到「圖文設計 Skill｜graphic-designer」單元。
2. 下載前核對英文職稱 graphic-designer 與版本 2026/10/27-r2；這是單一職稱 ZIP。
3. 先看本單元示範；未安裝者先記錄，完成下列六頁安裝後回示範頁跟做。

完成後確認：中文用途、英文職稱 graphic-designer、版本日期三者一致。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md

## 8. 登入後下載 Skill ZIP

1. 按「下載此 Skill」並完成本站 Google 登入與下載權限確認；返回本單元再按下載。
2. 只下載 graphic-designer-gemini.zip：單一職稱 ZIP 不解壓，直接上傳。
3. 若下載六個 Skill 完整包 luodong-ai-six-skills.zip，先解壓完整包，再選內含對應職稱 ZIP；不要把完整包上傳 Gemini。
4. 遇到無權限或登入循環，返回課程總覽 → 本單元；請講師協助本站權限。先用同版可讀指令與虛構資料走一般對話，標「手動備援」。

完成後確認：實際下載目錄內有 graphic-designer-gemini.zip，可打開ZIP目錄查看根層 SKILL.md；不改壓縮副檔名。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md

## 9. 開啟 Gemini 的 Skills

1. 先核對官方前提：已登入適用的個人 Google 帳號、年滿 18 歲，並由本人決定是否開啟「保留活動記錄」；公司／學校帳號入口依供應情況，勿由講師代改設定。
2. Gemini 首頁 → 自訂（找不到時先看「更多」）→ 技能；若你的介面是「設定 → 技能」，依當下名稱進入。
3. 一般對話使用技能不必然需要付費訂閱；本課免費帳號全流程未實測。帳號／地區功能逐步提供，以自己的介面與官方說明為準。
4. 找不到技能入口或不符合條件：先看同版可讀 SKILL.md，將指令貼一般對話，標「手動備援」，不臨時授予額外連接或排程權限。

完成後確認：看見技能管理頁才進入上傳；未看到入口則已有可繼續的手動備援。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md
- 官方技能前提與安裝：https://support.google.com/gemini/answer/17094296?co=GENIE.Platform%3DDesktop&hl=zh-Hant
- 官方功能推出說明：https://support.google.com/gemini/answer/18560919?hl=zh-Hant

## 10. 選擇建立與上傳

1. 技能頁 → 建立 → 上傳 → 檔案。
2. 選精確檔名 graphic-designer-gemini.zip，再按開啟；預覽核對 name: graphic-designer、中文用途與完整正文。
3. 預覽失敗先檢查是否誤選六職稱完整包，或ZIP是否缺根目錄 SKILL.md。保留原檔，重新下載再試一次。
4. 若仍失敗，開啟同版可讀 SKILL.md，複製第二個 --- 之後正文到一般對話；標手動備援，不把文字貼入當成安裝成功。

完成後確認：上傳預覽有 graphic-designer 正文；失敗時記錄實際錯誤與備援方式。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md

## 11. 確認指令並完成建立

1. 核對名稱 graphic-designer、版本 2026/10/27-r2 與本單元工作流程，閱讀缺值與交接規則。
2. 已有同名技能時先比對內容；保留舊版，於預覽使用可辨識副本名 luodong-test-graphic-designer，記錄實際名稱。
3. 按「建立」或「儲存技能」，回技能清單檢查啟用狀態；不覆寫未記錄的舊指令。

完成後確認：清單出現本次實際名稱；記下版本 2026/10/27-r2 與原名／測試副本名。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md

## 12. 回到對話選取這個 Skill

1. 另開一般 Gemini 新對話，先貼本單元虛構來源與當頁交辦句，暫不送出。
2. 輸入 @ 選 graphic-designer（或剛建立的 luodong-test-graphic-designer）；舊介面用 /。看見技能標記後才送出。
3. 找不到時回「自訂／設定 → 技能」檢查是否建立、啟用與名稱正確，再回新對話重選。
4. 仍不出現或起手拒絕：只重試一次純文字任務；再失敗用同版正文走一般對話，保留失敗紀錄並標「手動備援」。

完成後確認：送出前有正確技能標記；純文字備援另標，不能計為ZIP技能測試通過。
- 可讀指令（登入下載；安裝失敗時使用）：/api/download/graphic-designer-SKILL.md

## 13. 換你交付完整圖片 Prompt

1. 用本次來源與需求單交出獨立可用的完整圖片Prompt。
2. 使用者另選產圖工具，重新附需要的參考圖並送出。
3. 若取得真實圖檔，再重開檢查文字、PNG、1080×1350與4:5；未取得就標待驗。

完成後確認：Prompt及圖片兩段分別記錄，不把預覽當指定圖檔。
- A1 練習檔：/lessons/luodong-ai/materials/A1-activity-source.txt
- A3 練習檔：/lessons/luodong-ai/materials/A3-style-reference.png