dailyoozoo/link-to-infographic

Link-to-Infographic & X-Viral Radar: Relatórios Aprofundados, Infográficos Vetoriais de Alta Definição e Fluxo de Trabalho Viral para o Twitter

Posicionamento: Fluxo de trabalho profissional de entrega de agente que integra "Decodificação Aprofundada de Links de Artigos/Twitter", "Infográfico Vetorial Retina de 2000px" e "Pacote Completo de Textos Virais para o Twitter (X)".

---

Visão Geral do Roteamento Central (Arquitetura de Duas Pistas)

flowchart TD
    Input["Entrada do Usuário (URL ou Nome/Símbolo de Token)"] --> Check{"Determinar Tipo de Entrada"}
    
    Check -->|URL de Artigo / Post do Twitter| ModeA["Modo A: Pesquisa Aprofundada de Link, Infográfico e Projeto Completo para o Twitter"]
    ModeA --> A1["Estágio 1: Captura do Corpo do Texto e Thread (Jina / FxTwitter / curl)"]
    A1 --> A2["Estágio 2: Pesquisa de Contexto em 4 Dimensões em Toda a Web (Fontes Primárias + Benchmarks)"]
    A2 --> Gate["⚠️ Estágio 2.5: Portão de Verificação Dupla em Todo o Fluxo (Atualidade + Verificação de Métricas)"]

    Check -->|Nome / Símbolo de Token (ex: Monad, $BERA)| ModeB["Modo B: Pôster de Pesquisa Aprofundada Exclusivo para Token"]
    ModeB --> B1["Passo 1: Recuperação de Dados em 5 Dimensões (Background/Funding/TGE/Valuation/Tokenomics)"]
    B1 --> B2["Passo 2: Construção do Modelo de Valuation em Três Cenários (Bear / Base / Bull)"]
    B2 --> Gate

    Gate --> Out1["Estágio 3: Produção do Relatório Técnico Aprofundado (<nome>-report.md)"]
    Gate --> Out2["Estágio 4: Construção do Template de Revista em Estilo Claro de 1000px (<nome>-infographic.html)"]
    Out2 --> Out3["Estágio 5: Renderização do PNG 2x Retina de 2000px (render.js)"]
    Gate --> Out4["Estágio 6: Geração do Pacote de Textos Virais para o Twitter (tweet-<nome>.md: Post único + Thread + Versão em Inglês)"]

---

Estágio Um: Obtenção Automática de Detalhes (Ingestão de Artigos e Tweets)

Canal de captura baseado no tipo de link (consulte article-fetcher.md):

Tipo de Link	Canal de Captura Recomendado	Canal Alternativo (Fallback)
Página web/Blog comum (Notícias de tecnologia, Substack)	Jina Reader: https://r.jina.ai/<URL>	curl.exe -sL leitura direta
Post do Twitter/X (x.com/..., twitter.com/...)	Jina Reader / API FxTwitter (api.fxtwitter.com/...)	Extrair ID do Status e pesquisar em toda a web ou por palavra-chave
Artigo do WeChat (mp.weixin.qq.com/...)	Captura via proxy do Jina Reader	Pesquisar citação do título original

---

Estágio Dois: Pesquisa de Materiais Centrais e Pesquisa em 4 Dimensões (Pesquisa Aprofundada)

Artigos únicos frequentemente possuem viés de perspectiva ou dados não expandidos. Uma segunda pesquisa deve ser executada (consulte deep-research.md):

1. Fontes Primárias: GitHub Releases oficiais, comunicados oficiais do blog, artigos do arXiv ou declarações fixadas do autor;
2. Dados Autoritativos do Setor (Benchmarks & Estatísticas do Setor): Benchmarks de comparação prática, comparação de consumo com concorrentes similares, avaliações de terceiros confiáveis;
3. Contexto e Linha do Tempo Suplementares: Histórico de evolução e precedentes;
4. Pontos de Vista Múltiplos e Reflexões sobre Falhas (Contra-Argumentos / Debates): Riscos potenciais, loops anormais ou casos de repercussão negativa.

---

⚠️ Portão Central: Portão de Verificação Dupla em Todo o Fluxo Antes da Geração de Imagens (Portão de Verificação Pré-Voo)

Antes de injetar qualquer dado no template e iniciar a renderização final, as seguintes verificações devem ser executadas incondicionalmente (consulte preflight-verification-gate.md):

1. Rastreamento de Fonte Primária: Confirmar se é um lançamento oficial completo, teste beta fechado ou estágio puramente de artigo;
2. Verificação Cruzada de Métricas Quantitativas Chave: Números centrais (como taxa de multiplicação, número de tokens, tempo de processamento) devem ter pelo menos 2 fontes independentes para verificação cruzada. Nunca copie números exagerados de mídias sociais;
3. Verificação de Inversão de Atualidade: Pesquisar atualizações das últimas 24 horas para confirmar se houve errata oficial ou inversão de fatos sobre o evento;
4. Para Relatórios de Token: Verificar Obrigatoriamente o Lançamento em Exchange e a Data Exata: Se a data de lançamento foi oficialmente anunciada, é proibido usar termos vagos como "Q3/Q4"; calcular rigorosamente Oferta Total × Preço Unitário = FDV.

---

Estágio Três: Matriz de Produção de Arquivos de Entrega (Entregáveis Padrão)

Cada execução deve entregar o conjunto completo de 5 arquivos principais:

1. Relatório Técnico Aprofundado: <tópico>-report.md

• Inclui Resumo Executivo, análise multidimensional aprofundada, tabela completa de métricas de teste quantitativo, decodificação de falhas microscópicas e árvore de decisão para implementação de engenharia.

2. Código Fonte do Infográfico em Estilo Revista Claro: <tópico>-infographic.html

• Especificações da Tela: Largura estritamente definida como 1000px, fundo claro e suave (#f4f6f9 / #ffffff), cartões brancos puros, linhas finas e delicadas (#e2e8f0), sombra sutil (consulte infographic-design-system.md);
• Visualização de Dados Real:
  • 4 cartões de métricas principais no topo (fonte grande 32px JetBrains Mono);
  • Dados de benchmark centrais usando barras de progresso gradientes CSS para mostrar proporções reais (.chart-bar-track / .chart-bar-fill);
  • Casos centrais de falhas/confrontos usando caixas de comparação de código lado a lado (verde para correto vs vermelho para dados falsos).
• Diagrama de Fluxo de Arquitetura SVG Desenhado à Mão Real:
  • ⚠️ Regra de Ouro para Evitar Armadilhas (consulte svg-diagramming-rules.md):
    • É estritamente proibido usar qualquer tag HTML dentro do <text> do SVG (como <code>, <br>, <b>), pois isso quebrará a árvore de análise do SVG do navegador, resultando em gráficos completamente em branco no lado direito!
    • É estritamente proibido escrever estilos CSS com ponto e vírgula em atributos XML (deve usar o padrão fill="#e11d48" font-weight="700");
    • Marcadores de seta <defs> devem ser colocados no topo do nó raiz <svg>.
• Fechamento Minimalista (Sem Marca d'Água): Remova qualquer marca d'água extra e avisos legais冗长的 no final, mantendo apenas três tags de metadados e uma barra minimalista.

3. Renderização 2x Retina Sem Perdas: render.js ➔ <tópico>-infographic.png

• Agendar resources/render.js para iniciar um Edge/Chrome headless;
• Definir width: 1100, height: 2600, deviceScaleFactor: 2;
• Usar waitUntil: 'domcontentloaded' com uma breve espera de estabilização para garantir a renderização completa de fontes da web e SVG;
• Capturar o contêiner #infographic, exportando um PNG sem perdas de alta definição com largura exata de 2000px.

4. Pacote de Textos Virais para o Twitter (X): tweet-<tópico>.md

• Seguir rigorosamente twitter-viral-formula.md fornecendo 3 conjuntos de opções:
  • Opção A: Post Único Viral de Alta Densidade (800~1.500 palavras, publicado diretamente com pôster de 2000px, altas taxas de salvamento e compartilhamento);
  • Opção B: Thread de Análise Aprofundada 1/8 (versão em thread de alta interação, cada post com evidências sólidas, excelente peso algorítmico);
  • Opção C: Post Rápido em Versão Internacional em Inglês (voltado para a comunidade global de tecnologia e código aberto).

5. Log de Atualizações de Mudanças do Sistema: CHANGELOG.md

• Registrar no topo o link da fonte de cada mudança, principais pontos de evolução técnica e a lista completa de arquivos alterados.