dailyoozoo/link-to-infographic

Link-to-Infographic & X-Viral Radar: 심층 보고서, 초고화질 벡터 인포그래픽 및 트위터 바이럴 워크플로우

포지셔닝: '게시물/트위터 링크 심층 분석', '2000px 레티나 벡터 인포그래픽', '전체 트위터 (X) 바이럴 카피'를 하나로 통합한 전문가 수준의 에이전트 딜리버리 워크플로우입니다.

---

핵심 라우팅 분기 개요 (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차원 배경 심층 조사 (1차 출처 + 기준 벤치마크)"]
    A2 --> Gate["⚠️ Stage 2.5: 전체 파이프라인 이중 2차 검증 게이트 (시의성 + 지표 확인)"]

    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: 트위터 바이럴 카피 패키지 생성 (tweet-<name>.md: 단일 트윗+스레드+영문판)"]

---

1단계: 자동 상세 정보 획득 (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 프록시 추출	원문 제목 인용 검색

---

2단계: 핵심 자료 검색 및 4차원 조사 (Deep Research)

단일 게시물은 종종 시각 편향이 있거나 데이터가 충분히 전개되지 않으므로, 반드시 2차 조사를 수행해야 합니다 (deep-research.md 참조):

1. 1차 출처 (Primary Sources): 공식 GitHub 릴리스, 공식 블로그 공지, arXiv 논문 또는 작성자 상단 고정 선언;
2. 권위 있는 업계 데이터 (Benchmark & Industry Stats): 실측 비교 벤치마크, 동종 경쟁사 소비 비교, 제3자 권위 있는 평가;
3. 추가 배경 및 타임라인 (Timeline & Context): 발전 과정 및 역사적 전례;
4. 다양한 관점 및 반례 (Counter-Arguments / Debates): 잠재적 위험, 비정상적 무한 루프 또는 역효과 사례.

---

⚠️ 핵심 관문: 차트 생성 전 전체 파이프라인 이중 2차 검증 게이트 (Pre-Flight Verification Gate)

템플릿에 데이터를 주입하고 최종 렌더링을 시작하기 전에, 반드시 다음 검증을 무조건 수행해야 합니다 (preflight-verification-gate.md 참조):

1. 1차 정보원 투과 확인: 공식 전체 공개, 그레이 스케일 테스트, 또는 순수 논문 단계인지 확인;
2. 핵심 정량적 지표 교차 검증: 핵심 숫자(예: 배수, 토큰 수, 소요 시간)는 최소 2개의 독립적인 출처로 교차 검증해야 하며, 절대 과장된 미디어를 맹목적으로 따르지 않음;
3. 시의성 역전 확인: 최근 24시간 동향을 검색하여 해당 이벤트에 공식 정정(Errata) 또는 사실 역전이 있는지 확인;
4. 토큰 보고서는 반드시 거래소 최초 상장 및 정확한 일정 확인: 공식적으로 확정된 일정이 발표된 경우, '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대 핵심 지표 카드 (큰 글꼴 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 심층 분석 스레드 (높은 상호작용 연속 트윗 버전, 각 트윗에 핵심 증거 포함, 알고리즘 가중치 매우 좋음);
  • 세트 C: 영어 국제판 초고속 트윗 (글로벌 기술 및 오픈소스 커뮤니티 대상).

5. 시스템 변경 업데이트 로그: CHANGELOG.md

• 매 변경 시마다 정보 출처 링크, 핵심 기술 발전 포인트 및 전체 변경 파일 목록을 기록합니다.