Link-to-Infographic & X-Viral Radar: 深度調査レポート、高精細ベクターインフォグラフィック、Twitter バズりワークフロー
位置づけ: 「記事/ツイートリンクの深度解読」、「2000px Retina ベクターインフォグラフィック」、「完全な Twitter (X) バズり文面」を一体化したプロフェッショナルレベルの Agent デリバリーワークフロー。
コアルーティング分散概要 (Dual-Track Architecture)
flowchart TD
Input["ユーザー入力 (リンク URL または トークン名/コード)"] --> Check{"入力タイプを判断"}
Check -->|記事 / ツイート URL| ModeA["モード A: リンク深度リサーチ、インフォグラフィック、Twitter 全案件"]
ModeA --> A1["Stage 1: 本文とスレッドを取得 (Jina / FxTwitter / curl)"]
A1 --> A2["Stage 2: 全 Web 4 次元背景深度調査 (一次ソース + ベンチマーク比較)"]
A2 --> Gate["⚠️ Stage 2.5: 全チェーン二重回号検証ゲート (タイムリー性 + 指標検証)"]
Check -->|トークン名 / シンボル (例: Monad, $BERA)| ModeB["モード B: トークン専用深度投資リサーチポスター"]
ModeB --> B1["Step 1: 5 次元データ貫通検索 (背景/資金調達/TGE/バリュエーション/トークノミクス)"]
B1 --> B2["Step 2: 3 シナリオバリュエーションベンチマークモデル (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: Twitter バズり文面パックを生成 (tweet-<name>.md: 単体ツイート+スレッド+英語版)"]
フェーズ1: 自動詳細取得 (Article & Tweet Ingestion)
リンクタイプに応じて貫通取得チャンネルを使用 (詳細は article-fetcher.md を参照):
| リンクタイプ | 推奨取得チャンネル | フォールバックチャンネル |
|---|---|---|
| 通常 Web/ブログ (テクノロジーニュース、ブログ、Substack) | Jina Reader: https://r.jina.ai/<URL> | curl.exe -sL で直接読み込み |
Twitter/X ツイート (x.com/..., twitter.com/...) | Jina Reader / FxTwitter API (api.fxtwitter.com/...) | Status ID を抽出して全 Web 検索、またはキーワード検索 |
WeChat 公式アカウント記事 (mp.weixin.qq.com/...) | Jina Reader プロキシ経由で取得 | 元記事タイトルを引用して検索 |
フェーズ2: コアマテリアル検索と 4 次元拡張調査 (Deep Research)
単一記事は視点の偏りや未展開データがある可能性が高いため、必ず二次拡張調査を実行 (詳細は deep-research.md を参照):
- 一次ソース (Primary Sources): 公式 GitHub Release、公式ブログ発表、arXiv 論文、または著者の固定ツイート;
- 権威ある業界データ (Benchmark & Industry Stats): 実測比較ベンチマーク、同種競合の消費比較、第三者権威評価;
- 補足背景とタイムライン (Timeline & Context): 進化の流れと過去の先行事例;
- 多様な視点と炎上/失敗の反省 (Counter-Arguments / Debates): 潜在リスク、異常なデッドロープ、反動事例。
⚠️ コア関門: 画像出力前の全チェーン二重回号検証ゲート (Pre-Flight Verification Gate)
テンプレートにデータを注入し、最終レンダリングを開始する前に、以下の検証を必ず無条件で実行 (詳細は preflight-verification-gate.md を参照):
- 一次情報源の確認: 公式フルリリース、限定ベータ、または純粋な論文段階かを確認;
- 重要定量指標のクロス検証: コア数値 (倍率、トークン数、処理時間など) には最低 2 つの独立したソースによるクロス検証が必要。誇張されたソーシャルメディアの情報をそのままコピーしない;
- タイムリー性の反転チェック: 直近 24 時間の動向を検索し、公式の訂正 (Errata) や事実の反転がないか確認;
- トークンレポートでは必ず取引所の初回上場と確定日を確認: 公式に確定日が発表されている場合は、「Q3/Q4」のような曖昧な表現は使用禁止。
総供給量 × 単価 = FDVを厳密に計算。
フェーズ3: 成果物ファイル生成マトリックス (Standard Deliverables)
毎回の実行で、完全な 5 つの主要ファイルを生成:
1. 深度技術リサーチレポート: <topic>-report.md
- 核となる主張 (Executive Summary)、多次元深度分析、定量テストマトリックス全リスト、ミクロなバグ/障害の解明、エンジニアリング導入の意思決定ツリーを含む。
2. ライトマガジンスタイルインフォグラフィックソース: <topic>-infographic.html
- キャンバス仕様: 幅は厳密に
1000px、温かみのあるライト背景 (#f4f6f9/#ffffff)、ホワイトカード、繊細なヘアライン (#e2e8f0)、微かな影 (詳細は infographic-design-system.md を参照); - リアルデータの可視化:
- 上部 4 つの主要 KPI カード (大文字
32pxJetBrains Mono); - 主要ベンチマークデータは CSS グラデーションプログレスバーで実際の比率を表示 (
.chart-bar-track/.chart-bar-fill); - 主要なバグ/対照事例はコード比較ボックスを横に並べて表示 (緑色: 正しいデータ vs 赤色: 誤ったデータ)。
- 上部 4 つの主要 KPI カード (大文字
- 手描きリアル SVG アーキテクチャデータフロー図:
- ⚠️ コア回避の鉄則 (詳細は svg-diagramming-rules.md を参照):
- SVG
<text>内では HTML タグ (<code>、<br>、<b>など) を絶対に使用しないこと。 使用するとブラウザの SVG 解析ツリーが中断され、右側のチャートが完全に空白になります! - XML 属性内に CSS セミコロンスタイルを記述しないこと。 標準の
fill="#e11d48" font-weight="700"を使用; <defs>の矢印マーカーは<svg>ルートノードの最上部に配置。
- SVG
- ⚠️ コア回避の鉄則 (詳細は svg-diagramming-rules.md を参照):
- ミニマルな締め (透かしなし): 最下部では不要な透かしや長い免責事項を削除し、3 つのメタデータタグとミニマルな区切り線のみを残す。
3. 2x Retina ロスレスレンダリング: render.js ➔ <topic>-infographic.png
- resources/render.js を呼び出してヘッドレス Edge/Chrome を起動;
width: 1100, height: 2600, deviceScaleFactor: 2を設定;waitUntil: 'domcontentloaded'と短い安定待機時間を組み合わせて、Web フォントと SVG レンダリングが完了するのを保証;#infographicコンテナをキャプチャし、正確な幅2000pxのロスレス高精細 PNG を出力。
4. Twitter (X) バズり文面パック: tweet-<topic>.md
- twitter-viral-formula.md に厳密に従い、3 つのオプションを提供:
- オプション A: 単体バズり高密度ロングツイート (800~1,500 文字、2000px ポスター画像を添付して投稿、非常に高いブックマークとリツイート率);
- オプション B: 1/8 深度分析スレッド (Twitter で高エンゲージメントの連続ツイート、各ツイートにハードなエビデンス、アルゴリズムの重みが非常に良好);
- オプション C: 英語国際版クイックツイート (グローバルテクノロジーとオープンソースコミュニティ向け)。
5. システム変更更新ログ: CHANGELOG.md
- 各行の変更について、情報ソースリンク、コア技術進化の要点、変更ファイルの完全なリストを先頭に記録。