dailyoozoo/link-to-infographic

Link-to-Infographic & X-Viral Radar: 深度研報、超清向量資訊圖與推特爆款工作流

定位：集「文章/推特連結深度解密」、「2000px 視網膜向量資訊圖」與「全套推特 (X) 爆款文案」於一體的專業級 Agent 交付工作流。

---

核心路由分流總覽 (Dual-Track Architecture)

flowchart TD
    Input["使用者輸入 (連結 URL 或 代幣名稱/程式碼)"] --> Check{"判斷輸入類型"}
    
    Check -->|文章 / 推特帖子 URL| ModeA["模式 A：連結深度研究、資訊圖與推特全案"]
    ModeA --> A1["Stage 1: 穿透抓取正文與 Thread (Jina / FxTwitter / curl)"]
    A1 --> A2["Stage 2: 全網 4 維背景深度拓研 (第一手源頭 + 基準對標)"]
    A2 --> Gate["⚠️ Stage 2.5: 全鏈路雙重二次校驗門禁 (時效性 + 指標核實)"]

    Check -->|代幣名稱 / 符號 (如 Monad, $BERA)| ModeB["模式 B：代幣專屬深度投研海報"]
    ModeB --> B1["Step 1: 5 維數據穿透檢索 (背景/融資/TGE/估值/經濟學)"]
    B1 --> B2["Step 2: 梳理三情境估值對標模型 (Bear / Base / Bull)"]
    B2 --> Gate

    Gate --> Out1["Stage 3: 產出深度技術研報 (<name>-report.md)"]
    Gate --> Out2["Stage 4: 構建 1000px 淺色雜誌風模板 (<name>-infographic.html)"]
    Out2 --> Out3["Stage 5: 渲染 2000px 超清 2x Retina PNG (render.js)"]
    Gate --> Out4["Stage 6: 生成推特爆款文案包 (tweet-<name>.md: 單推+連推+英文版)"]

---

階段一：自動獲取詳情 (Article & Tweet Ingestion)

根據連結類型採取穿透抓取通道（參見 article-fetcher.md）：

連結類型	推薦抓取通道	降級備用通道
常規網頁/部落格 (科技資訊、新聞、Substack)	Jina Reader: https://r.jina.ai/<URL>	curl.exe -sL 直接讀取
推特/X 帖子 (x.com/..., twitter.com/...)	Jina Reader / FxTwitter API (api.fxtwitter.com/...)	提取 Status ID 全網檢索或搜尋關鍵詞
微信公眾號文章 (mp.weixin.qq.com/...)	Jina Reader 代理抓取	搜尋原文標題引述

---

階段二：搜尋核心材料與 4 維拓研 (Deep Research)

單篇文章往往存在視角偏頗或數據未展開，必須執行二次拓研（參見 deep-research.md）：

1. 第一手源頭 (Primary Sources)：官方 GitHub Release、官方部落格公告、arXiv 論文或作者置頂聲明；
2. 權威行業數據 (Benchmark & Industry Stats)：實測對比基準、同類競品消耗對比、第三方權威評測；
3. 補充背景與時間線 (Timeline & Context)：演進脈絡與歷史前序；
4. 多元觀點與翻車反思 (Counter-Arguments / Debates)：潛在風險、異常死循環或反噬案例。

---

⚠️ 核心關卡：出圖前全鏈路雙重二次校驗門禁 (Pre-Flight Verification Gate)

在向模板注入任何數據以及啟動最終渲染之前，必須無條件執行以下校驗（參見 preflight-verification-gate.md）：

1. 一手信源穿透：確認是官方全量發布、灰度內測還是純論文階段；
2. 關鍵量化指標交叉核驗：核心數字（如倍率、Token 數、耗時）必須有至少 2 個獨立來源交叉核驗，絕不照搬誇大自媒體；
3. 時效性反轉排查：檢索近 24 小時動態，確認該事件是否有官方更正 (Errata) 或事實反轉；
4. 代幣研報必查交易所首發與確切定檔：凡官方已公布定檔日期，嚴禁使用「Q3/Q4」模糊表述；嚴格核算 總供應量 × 單價 = FDV。

---

階段三：交付成果文件生產矩陣 (Standard Deliverables)

每次執行必須交付完整的 5 大配套文件：

1. 深度技術研報：<topic>-report.md

• 涵蓋核心論點 (Executive Summary)、多維深度剖析、定量測試矩陣全榜、微觀翻車病灶解密與工程落地決策樹。

2. 淺色雜誌風資訊圖源碼：<topic>-infographic.html

• 畫布規範：寬度嚴格設定為 1000px，溫潤淺色底（#f4f6f9 / #ffffff），純白卡片，細膩髮絲線（#e2e8f0），微陰影（參見 infographic-design-system.md）；
• 真實數據視覺化：
  • 頂部 4 大核心指標卡片（大字型 32px JetBrains Mono）；
  • 核心對標數據使用 CSS 漸變進度條展示真實比例 (.chart-bar-track / .chart-bar-fill)；
  • 核心翻車/對撞案例使用並排程式碼對比框（綠色正確 vs 紅色假數據）。
• 手繪真實 SVG 架構數據流圖：
  • ⚠️ 核心避坑鐵律（參見 svg-diagramming-rules.md）：
    • 嚴禁在 SVG <text> 內使用任何 HTML 標籤（如 <code>、<br>、<b>），否則會導致瀏覽器 SVG 解析樹中斷，造成右側圖表完全空白！
    • 嚴禁在 XML 屬性中書寫 CSS 分號樣式（必須使用標準 fill="#e11d48" font-weight="700"）；
    • <defs> 箭頭標記必須置於 <svg> 根節點最頂部。
• 極簡收束（無浮水印）：最底部去除任何多餘浮水印與冗長免責聲明，僅保留三聯元數據標籤與極簡欄標。

3. 2x Retina 視網膜無損渲染：render.js ➔ <topic>-infographic.png

• 排程 resources/render.js 啟動無頭 Edge/Chrome；
• 設定 width: 1100, height: 2600, deviceScaleFactor: 2；
• 使用 waitUntil: 'domcontentloaded' 搭配短暫穩定等待，確保網路字型與 SVG 渲染完整；
• 截取 #infographic 容器，匯出精準寬度 2000px 的超清無損 PNG。

4. 推特 (X) 爆款文案包：tweet-<topic>.md

• 嚴格遵循 twitter-viral-formula.md 提供 3 套方案：
  • 方案 A：單條爆款高密度長推（800~1,500 字，配 2000px 海報圖直發，極高收藏轉發率）；
  • 方案 B：1/8 深度拆解 Thread（推特高互動連推版，條條有硬核證據，演算法權重極佳）；
  • 方案 C：英文國際版極速推文（面向 Global 科技與開源社群）。

5. 系統變動更新日誌：CHANGELOG.md

• 頂格記錄每次變動的信源連結、核心技術演進要點與完整變動文件清單。