Generador de Páginas HTML con Tailwind CSS a partir de Investigación de IA - Flujo de trabajo de n8n

• Profesionales del marketing de contenidos y especialistas en SEO que necesitan borradores de artículos estructurados y de alto volumen.


• Desarrolladores que buscan plantillas robustas de n8n para la orquestación compleja de IA.


• Ingenieros de automatización que buscan integrar herramientas externas de investigación de IA (como Perplexity) en sus pipelines de datos.


• Usuarios que buscan una combinación avanzada de nodos de n8n para transformar texto bruto de IA en componentes web pulidos.

Generar contenido extenso y bien estructurado a menudo requiere pasos manuales tediosos: investigación, resumen, formato estructural y estilo final. Este sofisticado flujo de trabajo de n8n automatiza todo el pipeline, convirtiendo una simple consulta del usuario en una salida HTML limpia y moderna, lista para su publicación.

El poder de esta plantilla de n8n reside en su orquestación de IA multietapa. Primero optimiza el tema de investigación del usuario, utiliza la API de Perplexity (a través de una herramienta de nodo dedicada de n8n) para una investigación exhaustiva y luego emplea múltiples Agentes LLM potentes para imponer estructura (mediante esquemas JSON) y aplicar el estilo estético (utilizando Tailwind CSS para la salida HTML final).

Este robusto flujo de trabajo de n8n acelera drásticamente el ciclo de creación de contenido, permitiendo a los equipos centrarse en la estrategia en lugar de en la generación de código repetitivo.

Este complejo flujo de trabajo de n8n opera en dos modos principales: el flujo de ejecución primario (activado por el usuario) y la Herramienta de Investigación Interna de Perplexity (utilizada por el flujo principal).

Flujo Principal de Generación de Contenido

1. Inicio: El proceso comienza con el disparador de n8n Webhook, recibiendo un parámetro de consulta de tema (ej: ?topic=tendenciasultimosmodelosia).


2. Refinamiento del Tema: El nodo LLM de Cadena Improve Users Topic utiliza un prompt avanzado para mejorar el tema bruto del usuario en una consulta de investigación muy detallada, asegurando que Perplexity devuelva resultados exhaustivos.


3. Ejecutar Investigación: El tema mejorado se pasa al Agente Perplexity Topic Agent. Este nodo especializado de n8n llama internamente a la herramienta Call Perplexity Researcher, que es una autorreferencia a la segunda parte de este flujo de trabajo de n8n.


4. Extracción Estructurada: La salida de investigación bruta se introduce en el nodo Agente Extract JSON. Este agente, junto con un Structured Output Parser1 (que impone un esquema detallado para article, metadata y content), convierte el texto no estructurado en un objeto JSON predecible y robusto.


5. Creación de HTML: El JSON estructurado se pasa al Agente Create HTML Article, que transforma los datos en HTML sin estilo y de una sola línea. El flujo comprueba si el contenido HTML existe utilizando un nodo n8n If HTML.


6. Estilismo y Formato: El nodo Basic LLM Chain toma el HTML bruto y aplica reglas de formato estrictas, convirtiéndolo en un documento de una sola línea, moderno y adaptable, estilizado completamente con clases de Tailwind CSS.


7. Respuesta Final: El contenido HTML resultante se devuelve al emisor inicial a través del nodo n8n Respond to Webhook.

Flujo de la Herramienta de Investigación Interna de Perplexity

1. Desencadenador de Herramienta: Esta ruta del flujo se inicia mediante el nodo n8n Execute Workflow Trigger cuando el flujo principal llama a la herramienta perplexityresearch_tool.


2. Preparación de la Llamada a la API: El nodo n8n Prompts prepara los mensajes del sistema y del usuario para la llamada a la API de Perplexity, incluyendo el tema refinado.


3. Llamada a API Externa: El nodo de Solicitud HTTP Perplexity se comunica directamente con la API de Perplexity utilizando el modelo llama-3.1-sonar-small-128k-online para recuperar investigación en línea actualizada basada en el tema proporcionado.


4. Manejo de Resultados: Basándose en la respuesta de la API, se devuelve al flujo principal una Success Response (que contiene la investigación) o una Error Response.

Para implementar este flujo de trabajo experto de n8n, sigue estos pasos:

1. Importar la plantilla de n8n: Copia todo el código JSON e impórtalo en tu instancia de n8n usando el botón 'New' y seleccionando 'Import from JSON'.


2. Configurar las Credenciales: Este flujo de trabajo de n8n requiere dos credenciales principales:

1. Configurar Telegram (Opcional): Si deseas utilizar las notificaciones opcionales de Telegram (para depuración o actualizaciones de estado, activadas por el nodo Telegram de n8n), actualiza los nodos Set Chat Id y Chat Id1 con tu telegramchatid correcto y asegúrate de que las credenciales de Telegram estén configuradas.


2. Activar el Webhook: Activa el disparador principal de Webhook de n8n y anota su URL. Puedes probar el flujo de trabajo de n8n enviando una solicitud GET a esta URL con un parámetro de consulta ?topic=.

Este flujo de trabajo avanzado de n8n aprovecha numerosos tipos de nodos especializados de n8n para orquestación y procesamiento de IA:

Webhook (disparador de n8n): El punto de partida, configurado con la ruta /pblog, utilizado para recibir el tema de investigación mediante un parámetro de consulta.
Improve Users Topic (Cadena LLM): Un nodo n8n crítico que utiliza un LLM para refinar automáticamente la entrada vaga del usuario en una instrucción de investigación muy enfocada, estructurada en torno a conceptos y aplicaciones clave.
Perplexity Topic Agent (Nodo Agente): Un nodo avanzado Langchain de n8n que orquesta la investigación utilizando una herramienta interna, asegurando que el flujo de trabajo siga los pasos definidos y los mensajes del sistema.
Call Perplexity Researcher (Flujo de Herramienta): Este nodo n8n único actúa como el mecanismo para llamar a la lógica de investigación de Perplexity autocontenida dentro de este mismo flujo de trabajo de n8n.
Perplexity (Nodo HTTP Request de n8n): Interactúa directamente con la API externa de Perplexity para investigación en línea y en tiempo real, configurado para usar un modelo de alta capacidad (llama-3.1-sonar-small).
Extract JSON (Nodo Agente + Analizador de Salida Estructurada): Esta potente combinación de nodos n8n toma el texto de investigación bruto de la IA y lo fuerza a una estructura JSON estricta definida por un esquema Langchain, garantizando la consistencia para los pasos subsiguientes de generación de HTML.
Create HTML Article (Nodo Agente): Convierte los datos JSON limpios y estructurados en contenido HTML sin procesar, adhiriéndose a pautas como usar salida de una sola línea y etiquetas HTML apropiadas.
Basic LLM Chain (Nodo Cadena LLM Básica): La etapa final de transformación. Aplica el estilo moderno de Tailwind CSS y garantiza que la salida sea una única línea limpia de HTML adaptable.