All templates By NappAI team Youtube Video to Post
Automation that transforms YouTube videos into social media posts, including a summary of the content and an image generated with AI.
+2
graph TD
%%{init: {'theme': 'mc','layout': 'elk'}}%%
CombineText-atea2[Combine Text]
style CombineText-atea2 stroke:#a170ff
ChatOutput-l0kif[<div><img src="/_astro/messages-square.BaSDmT6g.svg" style="height: 20px !important;width: 20px !important"/></div>Chat Output]
style ChatOutput-l0kif stroke:#a170ff
TextInput-m2egg[<div><img src="/_astro/type.Dy26vmDy.svg" style="height: 20px !important;width: 20px !important"/></div>VIDEO URL]
style TextInput-m2egg stroke:#a170ff
Prompt-wss2e[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Blog Summary]
style Prompt-wss2e stroke:#a170ff
ParseData-mh1rk[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Extract transcript]
style ParseData-mh1rk stroke:#a170ff
OpenAIModel-v6p19[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI]
style OpenAIModel-v6p19 stroke:#a170ff
youtube_transcripts-wdsaq[YouTube Transcripts]
style youtube_transcripts-wdsaq stroke:#a170ff
Prompt-ek8pp[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Image Prompt]
style Prompt-ek8pp stroke:#a170ff
DallEImageGenerator-tuo20[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>DALL·E Image Generator]
style DallEImageGenerator-tuo20 stroke:#a170ff
JsCode-j6muq[Uri Builder]
style JsCode-j6muq stroke:#a170ff
ParseData-e7as5[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse]
style ParseData-e7as5 stroke:#a170ff
CombineText-atea2 -.- ChatOutput-l0kif
linkStyle 0 stroke:#a170ff
TextInput-m2egg -.- Prompt-wss2e
linkStyle 1 stroke:#a170ff
ParseData-mh1rk -.- Prompt-wss2e
linkStyle 2 stroke:#a170ff
Prompt-wss2e -.- OpenAIModel-v6p19
linkStyle 3 stroke:#a170ff
OpenAIModel-v6p19 -.- CombineText-atea2
linkStyle 4 stroke:#a170ff
TextInput-m2egg -.- youtube_transcripts-wdsaq
linkStyle 5 stroke:#a170ff
youtube_transcripts-wdsaq -.- ParseData-mh1rk
linkStyle 6 stroke:#a170ff
Prompt-ek8pp -.- DallEImageGenerator-tuo20
linkStyle 7 stroke:#a170ff
DallEImageGenerator-tuo20 -.- JsCode-j6muq
linkStyle 8 stroke:#a170ff
OpenAIModel-v6p19 -.- Prompt-ek8pp
linkStyle 9 stroke:#a170ff
JsCode-j6muq -.- ParseData-e7as5
linkStyle 10 stroke:#a170ff
ParseData-e7as5 -.- CombineText-atea2
linkStyle 11 stroke:#a170ff
🧩 Overview
This workflow converts a YouTube video into a ready‑to‑publish social‑media post.
It automatically retrieves the video transcript, produces a concise summary and a compelling post, generates a relevant image, and merges the text and image into a single Markdown‑formatted output displayed in the Playground.
⚙️ Main Features
- Automated transcript extraction from any publicly accessible YouTube video.
- AI‑generated content: a short summary and a social‑media post enriched with emojis, calls‑to‑action, and a URL.
- Image creation: a descriptive prompt is fed to DALL·E 3 to generate a vivid illustration.
- Markdown conversion of the image data into a displayable link.
- Seamless concatenation of text and image into a single cohesive post.
- Interactive preview in the chat interface for instant review and copy‑paste.
🔄 Workflow Steps
| Component Name | Role in the Workflow | Key Inputs | Key Outputs |
|---|---|---|---|
| VIDEO URL | Accepts the YouTube link from the user. | Video URL (text) | URL text |
| YouTube Transcripts | Extracts spoken content from the video. | Video URL (text) | Transcript data |
| Parse Data | Converts the transcript data into plain text. | Transcript data | Transcription text |
| Blog Summary Prompt | Builds a prompt for summarising the video. | Transcription text, Video URL | Prompt message |
| OpenAI Model | Generates a summary and a social‑media post. | Prompt message | Post text (summary + caption) |
| Image Prompt | Creates a prompt for image generation from the summary. | Post text (summary) | Image prompt message |
| DALL·E Image Generator | Produces a 1024 × 1024 vivid image. | Image prompt message | Binary image |
| Uri Builder | Converts the image binary to a Markdown‑formatted image URL. | Binary image | Markdown image string |
| Parse Data | Formats the Markdown string into plain text. | Markdown image string | Image Markdown text |
| Combine Text | Merges the post text with the image Markdown. | Post text (from OpenAI), Image Markdown text | Combined Markdown post |
| Chat Output | Displays the final post in the playground chat. | Combined Markdown post | Rendered chat message |
🧠 Notes
- The workflow relies on OpenAI API keys for both the language model (GPT‑4o‑mini) and the image model (DALL·E 3).
- The transcript extraction is limited to videos that provide publicly available captions; videos lacking captions will fail.
- The image prompt is based on the AI‑generated summary, so the quality of the image depends on the clarity of the summary.
- The default delimiter between text and image in the final merge is a single newline, which keeps the layout clean.
- The final output is a Markdown string that can be copied directly into any Markdown‑compatible platform.