編輯型資訊圖表
參考風格："Anthropic 進入諮詢業。" 那篇貼文包含：
- 一個粗體的雙行標題，第二行使用強調色；
- 一個摘要：一句樸素的話說明發生了什麼事；
- 一個由多個部件組成的大型主體視覺，帶有指向它們的編號標籤；
- 一個側欄事實；
- 一個「為什麼會發生」的三欄圖示列；
- 一個作者列與一個來源列。
重點在於在 大約 10 秒內 解釋 一個想法。
格式
- 預設：單張獨立圖片，1080×1350 (4:5)。適合 LinkedIn 和 Instagram 的動態消息，且便於儲存。
- 作為輪播投影片： 尺寸與輪播相符，因此 PNG 可以直接放入
{"type": "photo", "image": "images/x.png", "fit": "contain"}，或複製為封面。 - 作為簡報投影片： 4:5 版面不適用於 16:9。如果使用者需要，請另外建立 16:9 版面。
組成部分：
- 範本：
pipeline/remotion/src/Infographic.tsx。 - 建構：
pipeline/build_infographic.py。 - 每張資訊圖表位於自己的資料夾
infographics/<slug>/中，內含infographic.json及選用的images/子資料夾。 - 輸出：
out/infographics/<slug>.png。
1. 選擇一個有組成部分的想法
適合的主題：
- 包含 2 到 4 個組成部分 的動向：例如「Anthropic 進入諮詢業」包含策略、營運與技術；
- 系統架構：例如「晨間迴圈」的資料來源、連接器、排程與輸出；
- 框架 或 轉變前後對比。
如果想法只有一個數字，請使用輪播的 graphic 投影片或短影音。如果需要超過 4 個部分，請製作輪播。
2. 撰寫文案（要精簡）
- 標題： 兩行，每行 2-4 個字，第二行結尾要有句號。第二行是重點。
- 範例：
["Anthropic 進入", "諮詢業。"]、["你的 AI", "幕僚長。"]。
- 範例：
- 摘要： 一個句子，最多 25 個字：誰做了什麼，以及為什麼重要。
- 標註： 2-4 個項目。每個項目有 1-2 個字的
title和最多 12 個字的text。- 它們從上到下閱讀，因此請按順序或層次排列（上方 = 最具策略性）。
- 側欄： 選用。一個引人注目的事實，最多 22 個字，例如「到 2027 年培訓 10,000 名工程師…」。
- 為什麼： 一個標題，例如「他們為什麼這麼做」或「為什麼要建置一個」，加上正好 3 個項目。每個項目有一個 2-3 個字的
title和最多 7 個字的text。 - 作者：
{"name", "org"}。來源： 出版物、該集節目，或「Fringe Lines 播客，<日期>」。
誠實原則：
- 每個事實都需要一個可以在
sources中命名的來源。 - 不要添加來源未提及的數字。
- 當只有一家媒體報導時，請使用保留措辭（「據報導」、「根據 S-1 文件」）。
3. 主體視覺
- 預設：內建方塊堆疊（
"hero": {"label": "Anthropic"}）。它會為每個標註繪製一個等角透視且帶有強調色的方塊，交替偏移，並有引線延伸到每個方塊，標籤位於頂端方塊上。無需圖片檔案。 - 圖片主視覺：
"hero": {"image": "images/hero.png", "fit": "contain"}。使用產品截圖、該集節目的螢幕共享中的圖表或投影片，或提供的物件/地點圖片。切勿使用主持人或任何真實人物： 不得有相機畫面或大頭照。 - AI 生成的圖片（例如參考圖中的混凝土渲染）：僅在使用者要求時使用，例如透過 Canva 連接器。不得出現真人，也不得出現真實事件的偽造「照片」。
4. infographics/<slug>/infographic.json
{
"headline": ["你的 AI", "幕僚長。"],
"dek": "Quinn 的「晨間迴圈」Agent 每個工作日早上 8 點讀取他的工作工具，在他打開筆電前遞給他一份簡報。",
"hero": {"label": "晨間迴圈"},
"callouts": [
{"title": "資料來源", "text": "Outlook 郵件、日曆與待辦事項、Slack、Asana、SharePoint。"},
{"title": "連接器", "text": "經核准的企業連接器可進入每個資料來源。"}
],
"side": {"title": "閉合迴圈", "text": "一天結束時，他回覆那份簡報…"},
"why": {"title": "為什麼要建置一個", "items": [
{"icon": "clock", "title": "超前開始", "text": "9 點前已完成分類整理。"},
{"icon": "check", "title": "絕不遺漏", "text": "它會標記你錯過的事項。"},
{"icon": "plug", "title": "無需新工具", "text": "使用你已付費的技術堆疊。"}
]},
"byline": {"name": "Fringe Lines", "org": "2026 年 10 月 30 日集數"},
"sources": "Fringe Lines 播客，2026 年 10 月 30 日。",
"accent": "#FF5A1F"
}
- 圖示：
chart rings target users bolt shield dollar clock globe check mail calendar plug brain。如有需要，請在Infographic.tsx的Icon對應表中新增一個：一個 36×36 的描邊路徑。 - 強調色： 預設為 Fringe Lines 的橙色。參考圖的紅色為
#C8231B。
5. 渲染與品質檢查
~/.shorts-skill/bin/python pipeline/build_infographic.py infographics/<slug>
渲染約需 20 秒。開啟 PNG 並檢查：
-
標題適合放在 2 行內。如果不適合，請縮短它；不要縮小字型。
-
摘要適合放在 3 行或更少行內。
-
標註文字沒有重疊。若有 4 個標註，每個文字必須保持在 2 行或更少行內，因此請刪減字詞。
-
每條引線都準確終止在其對應的方塊上。
-
側欄註記不會伸入「為什麼」的區塊。
-
三個「為什麼」欄位是平衡的（文字長度相近）。
-
來源列適合放在 2 行內。
-
任何地方都不應出現主持人、來賓或真實人物。
回報 PNG 路徑、使用的來源，以及任何需要事實查核的事項。