Generate content from URL
The goal is to transform the content of a URL into a concise summary and a representative image. The workflow uses AI to generate both elements automatically.
Go to template🧩 Overview
The workflow automatically transforms the content of a given URL into a concise article summary, a tweet‑ready message, and a representative image. The summary is produced by an OpenAI language model, which is then used to generate both a tweet and an image prompt. The image is created with DALL·E, converted into a Markdown link, and finally combined with the tweet into a single chat‑ready output.
⚙️ Main Features
- Automatically fetches and parses web content from a URL.
- Generates a concise article summary using an OpenAI model.
- Crafts an engaging tweet based on the summary.
- Creates an image description prompt from the summary.
- Produces an image with DALL·E and converts it to a Markdown link.
- Combines the tweet and image link into a single chat message.
🔄 Workflow Steps
| Component Name | Role in the Workflow | Key Inputs | Key Outputs |
|---|---|---|---|
| URL | Retrieves content from a web address | URLs | Raw content data |
| Parse Data | Converts raw fetched data into plain text | Raw content | Extracted text |
| Prompt (Summary) | Creates a prompt asking for a concise summary of the article | Article text | Prompt text |
| OpenAI Model (Summary) | Generates the summary based on the prompt | Prompt text | Summary text |
| Prompt (Tweet) | Creates a prompt to craft a tweet from the summary | Summary text | Prompt text |
| OpenAI Model (Tweet) | Produces a concise, engaging tweet | Prompt text | Tweet text |
| Prompt (Image Prompt Request) | Generates a prompt requesting an image description from the summary | Summary text | Prompt text |
| OpenAI Model (Image Prompt Request) | Produces a descriptive image prompt | Prompt text | Image description |
| Prompt (DALL·E Prompt Builder) | Builds the final DALL·E prompt using the image description | Image description | Prompt text |
| DALL·E Image Generator | Creates an image from the prompt | Prompt text | Image binary |
| JS Code | Transforms the image binary into a Markdown image link | Image binary | Markdown image link |
| Parse Data (Link Formatting) | Extracts the Markdown link text | Markdown image link | Text of the link |
| Combine Text | Concatenates the tweet and image link into a single message | Tweet text, Markdown link | Combined text |
| Chat Output | Delivers the final combined message as a chat response | Combined text | Chat message |
🧠 Notes
- The workflow requires valid OpenAI API keys for the language and image models.
- Each model invocation is stateless; all context is passed via prompts.
- The image generation step is limited to the token and size constraints of the selected DALL·E model.
- The JS code step is used solely to convert the binary image into a Markdown‑formatted link.
- The final chat output can be routed to any chat interface that accepts plain text messages.
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.CA91HhVI.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.CA91HhVI.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.CA91HhVI.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.CA91HhVI.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