Gerar conteúdo a partir de URL
O objetivo é transformar o conteúdo de uma URL num resumo conciso e numa imagem representativa. O fluxo de trabalho utiliza IA para gerar ambos os elementos automaticamente.
+2
graph TD
%%{init: {'theme': 'mc','layout': 'elk'}}%%
Prompt-uq0mq[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Propuesta de Imagen]
style Prompt-uq0mq stroke:#a170ff
ParseData-rijwg[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data]
style ParseData-rijwg stroke:#a170ff
Prompt-cf2w7[<div><img 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
OpenAIModel-xp2r0[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI]
style OpenAIModel-xp2r0 stroke:#a170ff
Prompt-8b4xy[<div><img 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 src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI]
style OpenAIModel-k3h4h stroke:#a170ff
URL-svy97[<div><img src="/_astro/layout-template.DBcxlmmt.svg" style="height: 20px !important;width: 20px !important"/></div>URL]
style URL-svy97 stroke:#a170ff
ChatOutput-5l8gy[<div><img 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 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 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 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 src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data2]
style ParseData-tpkkd stroke:#a170ff
ParseData-rijwg -.- Prompt-cf2w7
linkStyle 0 stroke:#a170ff
Prompt-cf2w7 -.- OpenAIModel-xp2r0
linkStyle 1 stroke:#a170ff
Prompt-8b4xy -.- OpenAIModel-k3h4h
linkStyle 2 stroke:#a170ff
URL-svy97 -.- ParseData-rijwg
linkStyle 3 stroke:#a170ff
OpenAIModel-xp2r0 -.- Prompt-uq0mq
linkStyle 4 stroke:#a170ff
Prompt-uq0mq -.- OpenAIModel-nx97c
linkStyle 5 stroke:#a170ff
OpenAIModel-nx97c -.- Prompt-hse57
linkStyle 6 stroke:#a170ff
Prompt-hse57 -.- DallEImageGenerator-jhlv0
linkStyle 7 stroke:#a170ff
OpenAIModel-xp2r0 -.- Prompt-8b4xy
linkStyle 8 stroke:#a170ff
DallEImageGenerator-jhlv0 -.- JsCode-bst4b
linkStyle 9 stroke:#a170ff
JsCode-bst4b -.- ParseData-tpkkd
linkStyle 10 stroke:#a170ff
ParseData-tpkkd -.- CombineText-46th0
linkStyle 11 stroke:#a170ff
CombineText-46th0 -.- ChatOutput-5l8gy
linkStyle 12 stroke:#a170ff
OpenAIModel-k3h4h -.- CombineText-46th0
linkStyle 13 stroke:#a170ff
📄 Fluxo de Trabalho de Resumo de URL com Tweet e Imagem
🧩 Visão Geral
Este fluxo de trabalho transforma automaticamente o conteúdo de uma URL fornecida em um resumo conciso do artigo, uma mensagem pronta para tweet e uma imagem representativa. O resumo é gerado por um modelo de linguagem OpenAI, que é então usado para criar tanto o tweet quanto o prompt da imagem. A imagem é gerada com DALL·E, convertida em link Markdown e combinada com o tweet em uma única saída pronta para chat.
⚙️ Funcionalidades Principais
- Recupera e analisa automaticamente conteúdo web de uma URL.
- Gera um resumo conciso do artigo usando um modelo OpenAI.
- Cria um tweet envolvente baseado no resumo.
- Gera um prompt de descrição de imagem a partir do resumo.
- Produz uma imagem com DALL·E e converte em link Markdown.
- Combina o tweet e o link da imagem em uma única mensagem de chat.
🔄 Etapas do Fluxo
| Componente | Papel no Fluxo | Entradas Principais | Saídas Principais |
|---|---|---|---|
| URL | Recupera conteúdo de um endereço web | URLs | Dados brutos do conteúdo |
| Parse Data | Converte os dados brutos em texto simples | Dados brutos | Texto extraído |
| Prompt (Resumo) | Cria um prompt solicitando um resumo conciso do artigo | Texto do artigo | Texto do prompt |
| OpenAI Model (Resumo) | Gera o resumo com base no prompt | Texto do prompt | Texto do resumo |
| Prompt (Tweet) | Cria um prompt para elaborar um tweet a partir do resumo | Texto do resumo | Texto do prompt |
| OpenAI Model (Tweet) | Produz um tweet conciso e envolvente | Texto do prompt | Texto do tweet |
| Prompt (Solicitação de Imagem) | Gera um prompt solicitando a descrição de uma imagem a partir do resumo | Texto do resumo | Texto do prompt |
| OpenAI Model (Solicitação de Imagem) | Produz a descrição da imagem | Texto do prompt | Descrição da imagem |
| Prompt (Construtor de Prompt DALL·E) | Constrói o prompt final para DALL·E usando a descrição da imagem | Descrição da imagem | Texto do prompt |
| DALL·E Image Generator | Cria uma imagem a partir do prompt | Texto do prompt | Binário da imagem |
| JS Code | Converte o binário da imagem em link Markdown | Binário da imagem | Link Markdown da imagem |
| Parse Data (Formatação do Link) | Extrai o texto do link Markdown | Link Markdown | Texto do link |
| Combine Text | Concatena o tweet e o link da imagem em uma única mensagem | Texto do tweet, link Markdown | Texto combinado |
| Chat Output | Entrega a mensagem final combinada como resposta de chat | Texto combinado | Mensagem de chat |
🧠 Notas
- É necessário possuir chaves válidas da API OpenAI para os modelos de linguagem e imagem.
- Cada invocação de modelo é estateless; todo o contexto é passado através dos prompts.
- A geração de imagem está limitada pelos tokens e restrições de tamanho do modelo DALL·E selecionado.
- O passo JS Code serve exclusivamente para converter o binário da imagem em um link Markdown.
- A saída final do chat pode ser enviada para qualquer interface de chat que aceite mensagens em texto simples.