LinkedIn 動畫圖表
產生一個循環 GIF（直立 4:5，1080x1350），顯示一個以圖示節點與動態虛線連接器連結的流程，一個「脈衝」漣漪依序走過各步驟，背景有兩個對角處的柔和發光圓圈加上非常淡的主題圖示，底部有一個作者卡片（帶有移動虛線邊框的圓角矩形）位於置中的按讚 / 留言 / 轉發 / 追蹤行動呼籲上方。使用者提供一個主題；您在一段簡短的輸入後處理內容、結構和設計。
渲染是確定性的：您撰寫一個 JSON 規格，scripts/render.py 負責版面、圖示、字型、阿拉伯文塑形、動畫和 GIF 壓縮。您的任務是思考：準確的內容、清晰的流程、適合主題的設計。
下面的 SKILL_DIR 指的是包含此 SKILL.md 的資料夾。路徑如 /home/claude（工作檔案）和 /mnt/user-data/outputs（交付物，以 present_files 顯示）是給 Claude.ai 使用的。在其他環境（例如 Claude Code）中，請改為在當前專案中使用一個工作資料夾和一個輸出資料夾，並告知使用者 GIF 儲存的位置。
工作流程
1. 設定（每個對話階段一次）
bash SKILL_DIR/scripts/setup.sh
安裝渲染器、GIF 工具、字型（Poppins、Bebas Neue、DM Serif Display、IBM Plex Mono、阿拉伯文用的 Tajawal）以及約 2,300 個 Lucide 圖示。警告訊息是非致命的。
2. 輸入收集（兩輪快速問答）
個人選擇會改變最終檔案，因此在設計前先收集它們。如果答案已從先前的對話中得知（或從您對使用者的了解），請直接確認而非從頭詢問，並在之後的圖表中重複使用所有答案。切勿憑空捏造姓名或連結。
第一輪： 在可用時使用互動式選項工具（ask_user_input_v0）提問；此工具最多允許 3 個問題，因此請精確使用以下問題：
- 徽章。 如果已知姓名和 LinkedIn 連結，在問題中顯示它們並提供： 「姓名 + 連結 + 我的照片」/「姓名 + 連結，無照片」/「更改姓名或連結」/「不要徽章」。 如果未知，在工具前的訊息文字中詢問姓名和 LinkedIn 連結，並提供： 「加入我的照片」/「無照片」/「不要徽章」。
- 背景： 「淺色」/「深色」。
- 語言： 使用者自己的語言優先，然後是英文 / 法文 / 阿拉伯文（視情況），加上「其他（我會輸入）」。
若無此工具，在同一則簡短訊息中詢問相同事項。
第二輪： 在選定的背景上顯示色板：
-
選出 3 個最能符號主題的色板（
render.py --palettes）。所有色板都以顏色命名。- 高級色板（精緻、高對比的搭配，在 LinkedIn 動態中看起來很協調）：LinkedIn 藍色、海軍藍與金色、靛藍與珊瑚紅、翡翠綠與石板灰、酒紅與金色、湖水綠與珊瑚紅、梅紫與玫瑰粉、炭灰與電光藍。
- 標準色板： 藍色系、湖水綠與青綠、藍色與湖水綠、綠色系、綠色與棕色、紅與橙色系、琥珀色與金色、紫色系、粉色與紫色、藍色與橙色、紅色與紫色、多色彩、灰階。
對於專業主題（AI、科技、商業、職涯），在 3 個色板中至少包含 2 個高級色板。兩個顏色的高級色板對（例如靛藍與珊瑚紅）適合「X vs Y」比較：每一方使用自己的顏色。在提供時將高級選項標記為高級。渲染並呈現一個色板樣本：
python3 SKILL_DIR/scripts/render.py --swatches /mnt/user-data/outputs/palettes.png --mode dark --swatch-names indigo-coral navy-gold blue-teal -
如果使用者想要照片但尚未上傳： 不要使用選項工具（輕觸的答案無法附帶附件）。以純文字詢問：「附上您的個人照片並告訴我色板號碼，或自行輸入十六進制色碼。」
-
否則： 使用選項工具詢問：3 個色板名稱加上「自訂（我會輸入十六進制色碼）」。
-
自訂色板： 接受 1 到 4 個任何常見形式的十六進制色碼（
#FF6B35、ff6b35、#f63），或以文字描述的顏色（自行轉換為十六進制並說明您使用的色碼）。區段 1 使用顏色 1，區段 2 使用顏色 2，額外顏色可用於為標題文字上色（s1、s2）。如果渲染器在選定的背景上警告對比度過低，請告知使用者並提議改用最接近的可讀色調，而非默默更改他們的顏色。
個人照片： 上傳的檔案會放在 /mnt/user-data/uploads/。檢視圖片以確認它是可用的肖像（JPG、PNG 或 WEBP）。渲染器會將它裁切成圓形，並偏向圖像頂部（臉部通常所在位置）。如果明顯不是肖像或太小/模糊，請告知使用者並提供僅限姓名的徽章選項。沒有照片時，作者卡片僅顯示居中對齊的姓名和連結，無圓形圖示。
3. 建構內容
以所選語言撰寫所有文字。如果主題涉及您不確定的事實（近期工具、特定架構、數字），請先搜尋。然後選擇一種結構：
- 單一流程（「YOLO 部署如何運作」）→ 1 個區段，6 到 10 個步驟。
- 比較（「RAG vs CAG」）→ 2 個區段，各 5 到 8 個步驟，對應的詳細程度平行。
- 三種變體（「微調的 3 種方法」）→ 3 個區段，各 3 到 5 個步驟。
步驟標籤：1 到 3 個詞（「嵌入查詢」、「向量資料庫」）。僅在實際流程有分支時才使用平行群組（兩個步驟並排），每個區段最多一或兩個。標題：2 到 5 個有力的詞；可選的一行副標題說明重點。在阿拉伯文中，將標準技術縮寫保留為拉丁字母（YOLO、RAG、API），因為從業者就是這樣寫的。
4. 設計：風格、背景圖示、步驟圖示
- 風格（
render.py --styles）：clean（AI/ML、一般）、tech（基礎架構、雲端、GPU、安全、物聯網）、code（DevOps、後端）、editorial（商業、職涯、研究）、bold（熱門觀點、迷思 vs 事實）、soft（學習、身心健康、自然）。所有風格在淺色和深色模式下皆可使用。 - 背景圖示： 選擇 2 到 4 個能喚起主題的 Lucide 圖示（例如森林火災偵測用
flame、trees、cctv；RAG 用database、brain、search）。它們會大面積散佈並非常淡地出現在邊緣。左上角和右下角有兩個柔和的模糊發光，使用前兩個色板顏色（在比較中，各使用一邊的顏色）。沒有其他背景形狀或線條。僅在預覽看起來太雜亂或太空洞時才使用"intensity"（0.5 到 1.5）。 - 重點步驟： 僅在單一區段圖表中，預設只使用第一個色板顏色，因此為 2 到 4 個關鍵步驟設定
"color": "s1"（色板中的第二個顏色），使整個色板可見並將視線吸引到重要階段（例如偵測和警示步驟）。 - 步驟圖示： 在使用前驗證 Lucide 名稱：
python3 SKILL_DIR/scripts/render.py --icons database brain fire camera
5. 撰寫規格並預覽
將規格寫入 /home/claude/<slug>.json（格式：references/spec.md；範例：assets/example-rag-vs-cag.json），然後：
python3 SKILL_DIR/scripts/render.py /home/claude/<slug>.json --preview /home/claude/<slug>.png
在渲染 GIF 之前，務必檢視預覽。 檢查：沒有重疊或截斷的文字（「…」）、標題可讀、標題和區段標題居中、流程順序正確、背景圖示淡且不位於文字後方、照片裁切良好、作者卡片居中位於四個 CTA 按鈕正上方。 閱讀每一行 WARNING。修正規格並再次預覽，直到乾淨為止。如果分支行太擁擠，可刪除副標題或一個步驟，而非縮小所有東西。
6. 渲染並交付
python3 SKILL_DIR/scripts/render.py /home/claude/<slug>.json --gif /mnt/user-data/outputs/<slug>.gif
無縫循環，2.5 到 6 秒，16 fps，使用最多 256 色編碼加上精細抖色以保持角落發光平滑，並壓縮至 --max-mb 以下（預設 5；通常約 1 到 1.5 MB）。使用 present_files 呈現 GIF。
7. 文案
在回覆中，提供一段以所選語言書寫、可直接複製貼上至 LinkedIn 的文案：一個鉤子句、3 到 5 行簡短說明關鍵見解、一個引發留言的問題，以及 3 到 5 個主題標籤。提醒使用者將 GIF 以一般圖片形式上傳至貼文中（在 PDF/文件輪播中它不會動畫）。
語言
內建的 CTA 用語支援 en、fr、ar、es、de、it、pt、nl、tr。對於其他拉丁字母語言，按以下順序傳入四個翻譯詞："cta": ["Like", "Comment", "Repost", "Follow"]。阿拉伯文（"lang": "ar"）會自動切換至 Tajawal 字型和從右到左的版面（流程和 CTA 從右側開始，照片位於作者卡片內姓名的右側）。字型不支援的指令碼不受支援：請告知使用者，並提供英文、法文或阿拉伯文選項。
限制
- 1 到 3 個區段，每個區段最多 12 個步驟，平行群組必須恰好為 2。
- 為求清晰渲染，阿拉伯文短母音符號（harakat）會被省略。
- 可選旗標：
--fps、--seconds、--max-mb、--svg path（第 0 幀的靜態 SVG）。