dailyoozoo/link-to-infographic

Link-to-Infographic & X-Viral Radar: Informe profundo, infografía vectorial HD y flujo de trabajo viral para Twitter

Posicionamiento: Flujo de trabajo de entrega profesional que integra "descodificación profunda de enlaces de artículos/tweets", "infografía vectorial retiniana de 2000px" y "paquete completo de texto viral para Twitter (X)".

---

Resumen de enrutamiento principal (Arquitectura de doble vía)

flowchart TD
    Input["Entrada del usuario (URL del enlace o nombre/símbolo del token)"] --> Check{"Determinar tipo de entrada"}
    
    Check -->|URL de artículo / tweet| ModeA["Modo A: Investigación profunda de enlace, infografía y caso completo para Twitter"]
    ModeA --> A1["Stage 1: Captura penetrante del cuerpo y Thread (Jina / FxTwitter / curl)"]
    A1 --> A2["Stage 2: Investigación de fondo profunda en 4 dimensiones en toda la web (fuente primaria + referencia de referencia)"]
    A2 --> Gate["⚠️ Stage 2.5: Puerta de verificación doble en toda la cadena (actualidad + verificación de indicadores)"]

    Check -->|Nombre / Símbolo del token (ej. Monad, $BERA)| ModeB["Modo B: Póster de inversión profunda exclusivo para tokens"]
    ModeB --> B1["Step 1: Recuperación de datos en 5 dimensiones (antecedentes/financiamiento/TGE/valoración/economía)"]
    B1 --> B2["Step 2: Elaboración del modelo de valoración comparativa en tres escenarios (Bear / Base / Bull)"]
    B2 --> Gate

    Gate --> Out1["Stage 3: Producir informe técnico profundo (<name>-report.md)"]
    Gate --> Out2["Stage 4: Construir plantilla de estilo revista en color claro 1000px (<name>-infographic.html)"]
    Out2 --> Out3["Stage 5: Renderizar PNG 2x Retina 2000px sin pérdida (render.js)"]
    Gate --> Out4["Stage 6: Generar paquete de texto viral para Twitter (tweet-<name>.md: Tweet único + Hilo + Versión en inglés)"]

---

Fase 1: Obtener detalles automáticamente (Ingesta de artículos y tweets)

Según el tipo de enlace, utilizar el canal de captura penetrante (consulte article-fetcher.md):

Tipo de enlace	Canal de captura recomendado	Canal alternativo
Página web normal / Blog (noticias tecnológicas, noticias, Substack)	Jina Reader: https://r.jina.ai/<URL>	curl.exe -sL lectura directa
Tweet / Publicación de X (x.com/..., twitter.com/...)	Jina Reader / API de FxTwitter (api.fxtwitter.com/...)	Extraer ID de estado y buscar en toda la web o buscar palabras clave
Artículo de WeChat (mp.weixin.qq.com/...)	Captura proxy de Jina Reader	Buscar cita del título original

---

Fase 2: Buscar materiales centrales e investigación en 4 dimensiones (Investigación profunda)

Un solo artículo a menudo tiene sesgos de perspectiva o datos no expandidos; se debe realizar una segunda investigación (consulte deep-research.md):

1. Fuentes primarias (Primary Sources): Lanzamientos oficiales de GitHub, anuncios de blog oficiales, documentos de arXiv o declaraciones fijadas del autor;
2. Datos autorizados de la industria (Benchmark & Industry Stats): Comparación de referencia medida, comparación de consumo de competidores similares, evaluaciones autorizadas de terceros;
3. Contexto y cronología complementarios (Timeline & Context): Línea de evolución y antecedentes históricos;
4. Puntos de vista múltiples y reflexiones de fallos (Counter-Arguments / Debates): Riesgos potenciales, bucles infinitos anómalos o casos de reacción adversa.

---

⚠️ Núcleo: Puerta de verificación doble en toda la cadena antes de la generación de gráficos (Pre-Flight Verification Gate)

Antes de inyectar cualquier dato en la plantilla y iniciar el renderizado final, se debe ejecutar incondicionalmente la siguiente verificación (consulte preflight-verification-gate.md):

1. Penetración de fuente primaria: Confirmar si es un lanzamiento completo oficial, una prueba interna gris o una etapa puramente de documento;
2. Verificación cruzada de indicadores cuantitativos clave: Los números centrales (como multiplicador, número de tokens, tiempo) deben tener al menos 2 fuentes independientes para verificación cruzada; nunca copiar datos exagerados de medios propios;
3. Detección de reversión de actualidad: Buscar dinámicas de las últimas 24 horas para confirmar si el evento tiene una corrección oficial (Errata) o una reversión de hechos;
4. Informe de token: Verificar el lanzamiento inicial en el intercambio y la fecha exacta: Si la fecha de lanzamiento oficial se ha anunciado, está prohibido usar expresiones vagas como "Q3/Q4"; calcular estrictamente Suministro total × Precio unitario = FDV.

---

Fase 3: Matriz de producción de archivos de entrega (Entregables estándar)

Cada ejecución debe entregar los 5 archivos complementarios completos:

1. Informe técnico profundo: <topic>-report.md

• Cubre el resumen ejecutivo, análisis profundo multidimensional, tabla completa de matriz de pruebas cuantitativas, descifrado de fallos microscópicos y árbol de decisiones de implementación de ingeniería.

2. Código fuente de infografía estilo revista en color claro: <topic>-infographic.html

• Especificaciones del lienzo: Ancho estrictamente fijado en 1000px, fondo claro y cálido (#f4f6f9 / #ffffff), tarjetas blancas puras, líneas finas y delicadas (#e2e8f0), sombra suave (consulte infographic-design-system.md);
• Visualización de datos reales:
  • 4 tarjetas de indicadores principales en la parte superior (fuente grande 32px JetBrains Mono);
  • Los datos de referencia centrales utilizan barras de progreso con degradado CSS para mostrar la proporción real (.chart-bar-track / .chart-bar-fill);
  • Los casos de fallos/colisiones centrales utilizan cuadros de comparación de código en paralelo (verde correcto vs rojo datos falsos).
• Diagrama de flujo de datos SVG dibujado a mano real:
  • ⚠️ Regla de hierro para evitar errores (consulte svg-diagramming-rules.md):
    • Está estrictamente prohibido usar cualquier etiqueta HTML dentro de <text> de SVG (como <code>, <br>, <b>), de lo contrario, el árbol de análisis SVG del navegador se interrumpirá, ¡dejando el gráfico derecho completamente en blanco!
    • Está estrictamente prohibido escribir estilos CSS con punto y coma en atributos XML (se debe usar el estándar fill="#e11d48" font-weight="700");
    • Las marcas de flecha <defs> deben colocarse en la parte superior del nodo raíz <svg>.
• Cierre minimalista (sin marca de agua): En la parte inferior, eliminar cualquier marca de agua adicional y descargo de responsabilidad extenso; solo conservar tres etiquetas de metadatos y una barra minimalista.

3. Renderizado retiniano 2x Retina sin pérdida: render.js ➔ <topic>-infographic.png

• Programar resources/render.js para iniciar Edge/Chrome sin cabeza;
• Configurar width: 1100, height: 2600, deviceScaleFactor: 2;
• Usar waitUntil: 'domcontentloaded' junto con una breve espera de estabilización para garantizar la carga completa de fuentes web y SVG;
• Capturar el contenedor #infographic y exportar un PNG sin pérdida de ancho preciso 2000px.

4. Paquete de texto viral para Twitter (X): tweet-<topic>.md

• Siguiendo estrictamente twitter-viral-formula.md, proporcionar 3 conjuntos:
  • Opción A: Tweet largo único de alta densidad viral (800~1500 caracteres, con póster de 2000px adjunto, muy alta tasa de guardado y retweet);
  • Opción B: Hilo de desglose profundo 1/8 (versión de alta interacción en Twitter, cada tweet con evidencia sólida, peso algorítmico excelente);
  • Opción C: Tweet rápido versión internacional en inglés (dirigido a la comunidad global tecnológica y de código abierto).

5. Registro de cambios de actualización del sistema: CHANGELOG.md

• Registrar explícitamente el enlace de la fuente del cambio, los puntos clave de evolución tecnológica y la lista completa de archivos modificados.