平面設計師 是做什麼的？
Codex 與 Claude 執行環境
- 在 Codex 或 Claude 中使用此技能時，僅使用目前任務中實際可用的工具。
AskUserQuestion範例描述的是問題類型，而非強制的 API：請在工具限制範圍內使用可用的提問工具，或直接在聊天中提問。重複使用已提供的答案與原始素材。 - 在使用者選擇的專案中工作。在進行個人化設計之前，請先閱讀其
about-me.md、voice.md及相關品牌檔案。若檔案內容衝突或包含預設範本，請確認預期的作者。若缺少必要資訊，請提問或執行voice-builder；切勿繼承維護者的身份、帳號或私人檔案。 - 解析捆綁在技能資料夾中的
references/路徑。若有明確要求重新整理個人資料，請直接讀取並更新標準的about-me.md、voice.md或newsletter-voice.md，並保留其他不相關的使用者事實與規則。消費端必須重新讀取這些標準檔案。僅在新建的 deliverables 可能與現有不相關檔案衝突時，才使用新檔名。安裝本身絕不會啟動訪談或寫入檔案。除非被要求，否則不寫入持續性學習內容。 - 優先使用已提供的證據。必要時，透過可用的搜尋/來源工具驗證外部主張。若某個來源或整合工具不可用，請說明缺少的能力，並提供可輸入的文字/匯出內容。絕不虛構事實、第一人稱經驗、指標或成功執行的工具結果。
- 僅連線所選路徑需要的服務，並透過使用者現有的帳號進行。絕不列印憑證或覆寫連線。草稿、儲存與審閱不代表授權發布、發送訊息或變更帳號。
視覺完成狀態
此技能的圖像提示屬於提示就緒狀態，而非已生成或經過視覺審查的素材。除非使用者要求其他生成器，否則請保留其命名的 Gemini 工作流程。缺少圖像服務並不影響撰寫提示。當提供或生成圖像時，請以全尺寸及饋送尺寸（約 360px 寬，縮圖為 320px）開啟並檢查每個匯出檔。檢查確切的複製、尺寸、裁切、可讀性、品牌顏色、字體外觀、標誌及參考忠實度。修正並重新檢查失敗的匯出檔。將任何無法匯出或檢查的項目記錄為待處理。圖像提示或點陣圖匯出並非可編輯的設計檔。
關鍵：載入時自動啟動
當此技能觸發時，直接進入步驟一。不要摘要。不要解釋選項。立即開始。
步驟一：閱讀貼文
使用提供的貼文或使用者指定的確切檔案。若只有專案草稿存在，請先確認哪一個是預期的，再使用它。否則請說：
請貼上您想要製作圖形的貼文。
等待貼文，然後呼叫 AskUserQuestion：
[
{
"question": "哪種圖形最適合這篇貼文？",
"header": "風格",
"multiSelect": false,
"options": [
{"label": "HTML/CSS 圖形", "description": "乾淨的結構化版面。框架、比較、步驟、數據。完全可編輯，截圖即可匯出。"},
{"label": "白板資訊圖表", "description": "在白板或筆記本頁面上手繪標記風格。視覺化摘要貼文內容。由 Gemini 生成。"},
{"label": "品牌資訊圖表", "description": "使用您的品牌顏色的專業資訊圖表。視覺化摘要貼文內容。由 Gemini 生成。"},
{"label": "由您決定", "description": "分析貼文內容，自動選擇最佳格式。"}
]
}
]
若選擇「由您決定」：分析貼文。如果包含編號步驟、框架、比較或數據表格，則走路徑 A（HTML/CSS）。如果摘要了工作流程、分享技巧、教授概念或講述故事，則走路徑 B（圖像提示），並選擇更合適的風格。
路徑 A：HTML/CSS 結構化圖形
設計限制：
- 此 HTML 路徑預設尺寸為 1200 x 1400 像素；遵循使用者明確指定的尺寸
- 深色背景（#1a1a2e 或使用者的品牌顏色），搭配高對比度文字
- 乾淨的無襯線字體（Inter, system-ui）
- 深色背景上使用白色或淺色文字
- 一個強調色用於凸顯與分隔線
- 所有邊距至少 40px 內邊距
- 無圖庫照片背景
- 讓貼文內容決定圖形應包含多少區塊。3 個步驟 = 3 個區塊。10 個技巧 = 10 個區塊。限制是可讀性，而非固定數量。每個元素必須足夠大，以便在手機螢幕上閱讀。
單一自包含的 HTML 檔案，內聯 CSS。包含 viewport meta 標籤。
從貼文中提取核心框架或步驟。不要複製整篇貼文。濃縮為：
- 一個簡短的標題（5 到 8 個字）
- 以視覺區塊呈現的關鍵要點（可以使用 Unicode 圖示）
- 頁尾包含來自 about-me.md 的作者姓名（如果有的話）
儲存 HTML 並使用可用的瀏覽器截圖或現有的本地渲染器匯出 PNG。等待字體和圖片載入完成。以全解析度以及 360px 饋送寬度開啟實際的 PNG；檢查標題、每個項目、裁切、對比度、字體和歸屬。修正 HTML 並重新匯出，直到這些檢查通過。保留可編輯的 HTML 以及經過檢查的 PNG。如果瀏覽器/渲染器無法使用，則將 HTML 回報為渲染待處理，說明缺少的能力，並給使用者瀏覽器截圖步驟。切勿將未渲染的 HTML 標記為已視覺驗證。
路徑 B：圖像生成提示
圖形必須視覺化摘要貼文內容。它不是抽象的插圖或圖庫照片。它以讀者可以快速瀏覽的視覺格式摘要貼文中的關鍵資訊。
首先，從貼文中提取資訊圖表內容：
- 主要標題或鉤子（縮短至 5 到 10 個字）
- 所有必要的關鍵要點、步驟或重點，按要求的順序列出。目標是簡潔的短句；若準確內容無法容納，則建議拆分。
- 任何值得凸顯的數字、統計或數據
- 頁尾行（作者姓名和適當的行動呼籲）
然後根據所選風格建構提示。
風格 1：白板資訊圖表
使用此提示範本。從貼文中填入內容區塊。
生成一張圖像，內容為一個實體、手繪的資訊圖表，位於大型白板或筆記本頁面上。
關鍵風格指示（請先閱讀）：
媒介：圖像必須看起來像真實白板或大型紙張記事本的實物照片。
質感：所有元素必須看起來是由彩色馬克筆（黑色、藍色、紅色、綠色）和螢光筆（黃色/橘色）手繪而成。線條應略有不完美、搖晃，並具有墨水在表面上的質感。
無數位字體：所有文字、標題和項目符號必須看起來是馬克筆手寫或手繪的。
版面：將 1080x1350 的圖像結構安排如下：
標題（頂部，大型粗體馬克筆）：
[插入貼文的標題]
內容（使用馬克筆繪製的手繪區塊）：
[插入 3 到 6 個關鍵要點，每個要點以一行簡短的手寫文字呈現，旁邊附有項目符號、數字或小圖示]
[如果有統計或數字，請將其繪製得很大，並在其周圍畫一個圓圈或方框]
使用多色馬克筆強調。保持文字大且可讀。讓所有東西看起來都是手繪的，帶有輕微的不完美感。使其看起來像真實筆記本頁面的照片。
如果在簡報中確認，請在圖像底部包含手寫文字「[經核實的作者和核准的行動呼籲]」，使用相同的手繪馬克筆風格。
風格 2：品牌資訊圖表
如果尚未知道品牌顏色，請詢問使用者。如果存在 about-me.md，請先在那裡查詢。
生成一張 1080x1350 像素的專業資訊圖表圖像。
風格：乾淨、現代、編輯風格。扁平設計，邊角銳利，排版強烈。無 3D 效果，無漸層，無圖庫照片。
色彩調色板：
- 背景：[主要品牌顏色或暗色中性色]
- 文字：[白色或高對比度顏色]
- 強調色：[次要品牌顏色]
版面：
標題（頂部，大型粗體文字）：
[插入貼文的標題]
主體（結構化區塊，每個區塊帶有圖示或數字）：
[插入 3 到 6 個關鍵要點，以簡短的文字行呈現，每個要點帶有視覺標記：編號圓圈、勾選標記或簡單圖示]
[如果有統計，請將其顯示為大型特徵數字，下方附有標籤]
頁尾：
[來自 about-me.md 的作者姓名] | [行動呼籲或標語，如適用]
保持文字大且易於掃讀。目標是在圖像上約 40 個字詞；保留必要內容，必要時拆分簡報。無裝飾性邊框。無浮水印。除非使用者提供，否則不包含標誌。
在程式碼區塊中輸出完整的提示。告訴使用者：
將此貼到 Gemini 或您的圖像生成器中。提示已準備就緒。
完成任一道路之後
回報實際狀態：HTML 渲染待處理、HTML + 已檢查 PNG 或 Gemini 提示就緒。連結實際存在的檔案。列出任何未解決的視覺缺陷。貼文評分審查副本不能替代圖像檢查。
規則
- 始終在設計前閱讀貼文。圖形必須摘要貼文內容，而非說明抽象概念。
- 結構化圖形（路徑 A）必須是單一 HTML 檔案，內聯 CSS。
- 圖像提示（路徑 B）必須完全自包含。使用者將其直接貼到 Gemini 即可獲得圖形。
- 從貼文中提取並濃縮內容到圖形中。不要複製整篇貼文文字。
- 白板風格：始終為手繪馬克筆外觀、不完美線條、彩色筆、筆記本/白板質感。
- 品牌風格：始終乾淨、扁平、現代，使用使用者的品牌顏色。
- 在任何輸出中都不使用破折號。
- 全程使用英式英語。