草圖資訊圖表 (Sketch Infographic)
你將製作一頁內容來說明一個來源：一個標題、一個面板網格，以及一個標示來源的頁尾。每個面板透過一個小型圖表和一兩句話來傳達一個重點。你以 JSON 規格檔撰寫頁面；scripts/build.mjs 會負責排版網格、使用 Excalidraw 自身的渲染器繪製、檢查，並輸出 PNG 及可編輯的 .excalidraw 檔案。
繪圖是簡單的部分。只有當每個面板都以比原文更簡潔的文字，說出關於來源的真實內容時，這個頁面才值得發布。
1. 閱讀來源並規劃頁面
完整閱讀所有內容。然後在回覆中，於任何 JSON 之前寫下你的規劃：
- 標題： 兩到五個字的主題。副標題： 用一句話說明誰說了什麼、關於什麼（例如：「一位交通規劃專家談為何在小城市中，公車勝過新建鐵路」）。
- 尺寸： 除非使用者指定其他尺寸，或他們的範例頁面使用其他比例，否則使用 3:4 直式（1500×2000）。其他格式請見 references/spec.md。
- 六到七個面板，足以填滿頁面。 一個 3:4 的頁面大約容納四行：三行由兩個半寬面板組成，一行為全寬面板。每個面板都需要一個能說明重點的標題（而非主題標籤）、一個圖像點子，以及最多兩句、約 30 字的結論。全寬面板用來容納最豐富的範例。
- 頁尾： 來源（作者、標題、日期）以及來源提供的任何免責聲明，例如「設計筆記與原型，非出貨產品」。
如果來源內容較長或方向不明確，請等待使用者對規劃給予許可；否則就直接繼續進行。
根據使用者提供的範例頁面進行工作： 先列出其所有面板，並在你的規劃中保留每一個，除非使用者要求減少。最常見的缺失是仿其外觀卻遺漏了某個面板。
忠於來源。 頁面上的每個數字、名稱和主張都必須來自來源。對觀點進行歸屬（例如「作者主張...」）。當你為某個觀點添加自己的說明時，請在頁面上說明（例如：「一個說明可能情況的虛構範例」）。與其憑空捏造數據，不如省略你無法誠實繪製的部分。
2. 為每個面板選擇圖表
每個面板使用一個圖表，從 references/patterns.md 中的模式構建：步驟鏈、前後對比、多歸一、循環反饋、選項比較、長條圖、時間軸。選擇最符合主張的模式，而不是看起來最複雜的那個。如果面板的觀點是列表，可以使用三個帶標籤的方框。繪圖內部的文字應簡短，絕不能是完整的句子。
顏色在整個頁面中傳達一致的意義：綠色代表良好或預設路徑，橘色代表風險或變化之處，紅色代表失敗，藍色代表被處理的事物，紫色代表代理或模型，黃色代表頁面上最重要的單一標註。灰色為中性色。顏色名稱請參閱 references/spec.md。
3. 撰寫規格並建構
將每個頁面保存在其自己的資料夾中，命名為 page.json；如果使用者未指定位置，請詢問。格式和每個元素類型都在 references/spec.md 中；assets/example.json 是一個完整的頁面範例。然後，在此技能的資料夾中執行：
node scripts/build.mjs <folder>/page.json
它會輸出每個面板的繪製區域寬度（請在此範圍內繪製；高度會自動調整以適應內容），並在規格檔旁邊寫入 page.png 和 page.excalidraw 檔案。如果缺少執行環境，它會說明如何安裝。
4. 檢查，然後修正
- 修正每個警告。 退出碼 3 表示頁面建構時出現警告：內容高度超過頁面（會說明需要裁切多少像素）、某些元素超出其面板範圍、與其他元素重疊、箭頭穿過其文字、箭頭太短無法辨識、方框因標籤無法容納而變大、或使用了 Excalifont 字型缺少的字元（例如 → 箭頭、勾選符號、表情符號），這些字元會以系統字型渲染。請改用元素來繪製箭頭和勾選符號。
- 然後查看 PNG（開啟圖片檔案）並檢查每個面板：視線是否依循箭頭的正確方向？每個箭頭和線條的起點和終點是否都有連接到東西？箭頭尖端是否清晰可辨且彼此不干擾？任何文字是否被邊框擠壓？同一行的面板看起來是否平衡？標題與圖表是否匹配？頁面是否飽滿，還是某個面板幾乎為空白？修正規格檔並再次建構。通常需要兩到三次迭代。
- 如果有範例頁面，請將兩者並排比較， 面板對面板：相同的面板、相同的繪製方式、相似的密度。說明仍然存在哪些差異。
- 對照來源（步驟 1），再次閱讀頁面上的文字。
5. 交付
提供使用者 PNG 和 .excalidraw 檔案的路徑，以及規劃中的一行摘要。說明 .excalidraw 檔案可在 excalidraw.com 或 Excalidraw 應用程式中開啟進行手動編輯，並且在手動編輯後，該檔案（而非 page.json）才是最終的頁面：再次建構將會覆蓋它。
將他人已發布的頁面重製，作為私人學習或測試用途是可以的；但不要提供用於發布的版本。他們的版面、用詞和品牌歸屬於他們。