Todos os templates Pela equipe NappAI Gerar conteúdo a partir de uma URL
O objetivo é transformar o conteúdo de uma URL em um resumo conciso e uma imagem representativa. O fluxo utiliza IA para gerar ambos os elementos de forma automática.
+2
graph TD
%%{init: {'theme': 'mc','layout': 'elk'}}%%
Prompt-uq0mq[<div><img alt="logo" src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Propuesta de Imagen]
style Prompt-uq0mq stroke:#a170ff
Prompt-cf2w7[<div><img alt="logo" src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Resumen del artículo]
style Prompt-cf2w7 stroke:#a170ff
Prompt-8b4xy[<div><img alt="logo" src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Redactor de tweet]
style Prompt-8b4xy stroke:#a170ff
OpenAIModel-k3h4h[<div><img alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI]
style OpenAIModel-k3h4h stroke:#a170ff
URL-svy97[<div><img alt="logo" src="/_astro/layout-template.DBcxlmmt.svg" style="height: 20px !important;width: 20px !important"/></div>URL]
style URL-svy97 stroke:#a170ff
ChatOutput-5l8gy[<div><img alt="logo" src="/_astro/messages-square.BaSDmT6g.svg" style="height: 20px !important;width: 20px !important"/></div>Chat Output]
style ChatOutput-5l8gy stroke:#a170ff
DallEImageGenerator-jhlv0[<div><img alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>DALL·E Image Generator]
style DallEImageGenerator-jhlv0 stroke:#a170ff
OpenAIModel-nx97c[<div><img alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAIPropuesta de Imagen]
style OpenAIModel-nx97c stroke:#a170ff
Prompt-hse57[<div><img alt="logo" src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Generar Imagen]
style Prompt-hse57 stroke:#a170ff
JsCode-bst4b[JS Code]
style JsCode-bst4b stroke:#a170ff
CombineText-46th0[Combine Text]
style CombineText-46th0 stroke:#a170ff
ParseData-tpkkd[<div><img alt="logo" src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data2]
style ParseData-tpkkd stroke:#a170ff
ParseData-4oihd[<div><img alt="logo" src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data3]
style ParseData-4oihd stroke:#a170ff
OpenAIModel-52v7e[<div><img alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAIPropuesta de Imagen]
style OpenAIModel-52v7e stroke:#a170ff
Prompt-8b4xy -.- OpenAIModel-k3h4h
linkStyle 0 stroke:#a170ff
Prompt-uq0mq -.- OpenAIModel-nx97c
linkStyle 1 stroke:#a170ff
OpenAIModel-nx97c -.- Prompt-hse57
linkStyle 2 stroke:#a170ff
Prompt-hse57 -.- DallEImageGenerator-jhlv0
linkStyle 3 stroke:#a170ff
DallEImageGenerator-jhlv0 -.- JsCode-bst4b
linkStyle 4 stroke:#a170ff
JsCode-bst4b -.- ParseData-tpkkd
linkStyle 5 stroke:#a170ff
ParseData-tpkkd -.- CombineText-46th0
linkStyle 6 stroke:#a170ff
CombineText-46th0 -.- ChatOutput-5l8gy
linkStyle 7 stroke:#a170ff
OpenAIModel-k3h4h -.- CombineText-46th0
linkStyle 8 stroke:#a170ff
URL-svy97 -.- ParseData-4oihd
linkStyle 9 stroke:#a170ff
ParseData-4oihd -.- Prompt-cf2w7
linkStyle 10 stroke:#a170ff
Prompt-cf2w7 -.- OpenAIModel-52v7e
linkStyle 11 stroke:#a170ff
OpenAIModel-52v7e -.- Prompt-8b4xy
linkStyle 12 stroke:#a170ff
OpenAIModel-52v7e -.- Prompt-uq0mq
linkStyle 13 stroke:#a170ff
Gerar conteúdo a partir de uma URL
🧩 Descrição Geral
O fluxo transforma automaticamente o conteúdo de uma URL em um resumo conciso e em uma imagem representativa. A IA gera tanto o texto quanto a imagem, os combina em um único bloco e os apresenta em formato de chat, facilitando a publicação de conteúdos curtos e visualmente atrativos em redes sociais.
⚙️ Funcionalidades Principais
- Extração e normalização de dados: captura o conteúdo de uma página web e o converte em texto estruturado.
- Geração automática de resumos: utiliza modelos de linguagem para sintetizar os pontos-chave do artigo.
- Criação de prompts dinâmicos: adapta prompts de tweet e de imagem com base no resumo gerado.
- Produção de conteúdo multimídia: gera imagens a partir de descrições textuais e converte-as em Markdown.
- Combinação e exibição: concatena tweet e imagem em uma mensagem de chat, pronta para publicação.
🔄 Passos do Fluxo de Trabalho
| Nome do Componente | Papel no Fluxo | Entradas Principais | Saídas Principais |
|---|---|---|---|
| URL (Buscar Conteúdo) | Recupera o conteúdo da página web. | URL a ser acessada. | Dados brutos em texto. |
| Parse Data (Converter Dados em Texto) | Converte os dados brutos em texto legível. | Dados de entrada (texto ou binário). | Texto formatado. |
| Prompt (Resumo do Artigo) | Cria a instrução que orienta o resumo. | Texto do artigo. | Prompt de resumo. |
| OpenAI (Resumo do Artigo) | Gera um resumo conciso a partir do prompt. | Prompt de resumo. | Resumo do artigo. |
| Prompt (Redator de Tweet) | Formata o prompt para a criação de um tweet. | Resumo do artigo. | Prompt de tweet. |
| OpenAI (Redator de Tweet) | Gera o texto do tweet com emojis e estrutura. | Prompt de tweet. | Texto do tweet. |
| Prompt (Proposta de Imagem) | Cria o prompt que descreve a imagem desejada. | Resumo do artigo. | Prompt de imagem. |
| OpenAI (Proposta de Imagem) | Refina o prompt de imagem (mesma função do resumo). | Prompt de imagem. | Prompt final de geração de imagem. |
| Prompt (Gerar Imagem) | Adiciona instruções de estilo e tamanho ao prompt de imagem. | Prompt de imagem refinado. | Prompt final de geração de imagem. |
| DALL·E Gerador de Imagem | Produz a imagem a partir do prompt final. | Prompt de geração de imagem. | Dados binários da imagem. |
| Código JS | Converte a imagem binária em Markdown com data URI. | Dados binários da imagem. | Markdown da imagem. |
| Parse Data (Processar Imagem) | Converte o Markdown em texto para concatenação. | Markdown da imagem. | Texto da imagem. |
| Combinar Texto | Concatenar texto do tweet e da imagem em um único bloco. | Texto do tweet; Texto da imagem. | Texto combinado. |
| Saída de Chat | Exibe a mensagem final no chat. | Texto combinado. | Mensagem exibida no chat. |
🧠 Notas
- O fluxo depende exclusivamente de APIs de IA externas (OpenAI e DALL·E); a disponibilidade dessas APIs determina a execução.
- Cada modelo de linguagem pode ser configurado com parâmetros como temperatura, número máximo de tokens e modelo específico; valores padrão são adequados para a maioria dos cenários.
- O componente Código JS utiliza
fetche outros utilitários internos; a execução é limitada a 10 segundos para evitar sobrecarga. - Os prompts são gerados dinamicamente a partir do resumo, garantindo que a linguagem do tweet e das instruções de imagem permaneça relevante ao conteúdo original.
- O fluxo é idempotente: o mesmo artigo gera sempre o mesmo resumo, tweet e imagem, salvo alterações nos parâmetros do modelo.