OrRon/EpicInfographics

解決的問題

它消除了典型 AI 生成資訊圖表中常見的「AI 製造」感——這些圖表通常依賴通用網格、現成範本和扁平極簡主義——方法是教導 AI 代理使用專業的工作室級原則進行設計。它確保資料在視覺上被整合到場景中，而不僅僅是被放置在頁面上，並且確保圖表在數學上是準確的且對色盲友善。

運作方式

該專案提供了一項「技能」（一套指令與參考資料），讓 AI 代理遵循以從簡報進展到最終圖像。整個過程包含：

1. 基於場景的設計：代理不再使用頁面，而是創建一個「場所」（例如藍圖、博物學家的對開本或黑暗劇院），讓資料存在於場景之中。
2. 資料驅動的幾何形狀：視覺效果透過算術計算（例如火箭的高度對應特定百分比），而不是憑肉眼估算。
3. 技術管線：代理生成 HTML/CSS，然後使用無頭 Chromium（透過 Playwright）和 ffmpeg 將其渲染為高解析度 PNG 或 MP4/GIF 動畫。
4. 品質閘道：強制性的渲染-審查-修復迴圈使用檢查清單，讓任何看起來像儀表板範本的設計視為失敗。預檢腳本也會檢查文字碰撞、裁切和可讀性。

適用對象

AI 代理（例如 Claude Code、Codex、Factory Droid 或 Pi）的使用者，他們需要高品質、專業級的資訊圖表與資料視覺化，並希望避免標準 AI 輸出的通用美學風格。

重點特色

• 多樣化的設計語言：包含針對藍圖、暗玻璃、自然學家版畫、等距世界和復古印刷等風格的特定規格。
• 確定性動畫：透過在瀏覽器中刷幀將 HTML/CSS 動畫轉換為影片，確保最終幀與批准的靜態圖像相符。
• 真實的幾何形狀：強制長條從零開始，且面積隨數值準確縮放。
• 自動化驗證：包含色盲檢查工具和字形幾何測量，以防止版面錯誤。