Turn a portal walkthrough into a Tutorial video in minutes
A prompt recipe built from real briefs educators and platform admins write. Drop in your portal URL or screen recording, name each step, and generate a clean tutorial video ready to share with new creators.
What this template is
A media tutorial video template is a reusable prompt plus scene structure that turns a screen recording or portal URL into a narrated step-by-step training video. ngram handles the structure — goal statement, ordered steps, success confirmation — so educators and platform admins only fill in the platform name, the workflow, and the audience, then generate. The resulting video works for creator onboarding, upload guides, and series-setup walkthroughs on broadcast or podcast portals.
The template prompt
Copy it, replace the slots in brackets, and paste it into ngram — or click "Use this template" to open the editor with it prefilled.
Create a [duration]-second step-by-step tutorial video for [platform-name], a [platform-type] for [audience]. Follow my [input-type] scene by scene. Open by stating the goal: [workflow-goal]. Then walk through each step in order: [step-list]. Narrate each step against the real UI — do not invent fake screens. Tone: [tone]. End with a confirmation screen or success state. Voiceover language: [vo-language]; if no voiceover, use on-screen captions and light background music.
| Slot | What to put | Example |
|---|---|---|
| [duration] | Video length in seconds | 90 |
| [platform-name] | The portal or platform name | BroadcastHub |
| [platform-type] | What the platform does | audio distribution portal for independent broadcasters |
| [audience] | Who you are teaching | new station managers uploading their first series |
| [input-type] | What you are attaching | screen recording |
| [workflow-goal] | What the viewer will be able to do after watching | upload an audio series and schedule its first episode |
| [step-list] | Ordered steps, comma-separated | register account, create series, set metadata, upload audio file, schedule release |
| [tone] | Voice + feel | clear, patient, professional |
| [vo-language] | Narration language | English |
What the template builds
Four beats shaped around the workflow pattern that media tutorial prompts converge on.
- 1
Goal statement
5sState what the viewer will be able to do by the end. One sentence, text-forward. No UI yet — set the expectation before the walkthrough starts.
- 2
Step-by-step walkthrough
70sCut to the screen recording or portal screenshots. Narrate each step in order — account creation, series setup, file upload, scheduling — with on-screen step labels and callouts highlighting the active UI element.
- 3
Confirmation state
10sShow the success screen or uploaded file confirmation. Make the 'done' moment visible so viewers know what to expect when they succeed.
- 4
Summary card
5sRecap the steps completed as a checklist overlay. Add the platform logo. Optionally link to a support doc or next tutorial.
Make it yours
Duration
30 seconds for a quick teaser; 90 seconds for a full workflow walkthrough.
Narration
AI voiceover for async watching; captions-only for embed inside a help center.
Style
Motion graphics adds animated step labels and callouts; minimalist keeps the UI front and center.
Aspect ratio
16:9 for a help page or YouTube embed; 9:16 for a Reels or Shorts teaser.
Common variations
30-second quick-start clip
Cover only the first two steps — account creation and the first upload — for a pre-onboarding teaser.
Reduce to 30 seconds. Show goal statement and the first two steps only. End on the file upload confirmation.
60-second full workflow
Walk through prerequisites, registration, series creation, and file upload in a single linear sequence.
Extend to 60 seconds. Add a prerequisites step before the walkthrough. Keep each step to one screen state.
Captioned embed for help docs
Silent version for inline embedding in a knowledge base article or help center page.
Remove the voiceover. Use concise on-screen captions at each step. Add a static summary card at the end.
Vertical for social proof
Reframe 9:16 for Reels or Shorts to introduce the portal to new creators on social.
Switch to 9:16. Keep captions large and centered. Crop the recording to the active form or upload button.
How it works
Open the template
"Use this template" drops you into the editor with the prompt prefilled.
instant
Fill the slots
Replace the brackets with your platform name, workflow goal, and ordered step list. Attach your screen recording or paste the portal URL.
2-3 min
Generate and adjust
ngram drafts the four beats. Adjust step labels, captions, or narration speed in the editor before exporting.
3-5 min
Tutorial video examples
Browse real prompts for tutorial and training content.
Use cases this fits
The jobs educators and platform admins hire tutorial videos for.
Who makes these
Teams and roles that create tutorial videos with ngram.
Features behind this template
The ngram capabilities a step-by-step tutorial leans on.
Plug tutorials into your stack
Wire tutorial creation into the tools your team already uses for onboarding and support.
whena tutorial finishes rendering
thenpublish it to your channel as an unlisted onboarding resource
whenyou release a new platform feature
thenpost a 30-second captioned tutorial to your feed
whena new user signs up
thenauto-generate and send a welcome tutorial video
whena new portal account is created
thenkick off a tutorial render in an onboarding scenario
whena webhook fires on user activation
thengenerate a step-by-step tutorial in a self-hosted flow
whenyou record the portal walkthrough
thenstart a tutorial render straight from the browser
Tools for tutorial videos
Quick utilities for each piece of a tutorial.
Turn your source into a tutorial
Drop in what you already have for the walkthrough.
Frequently asked
Use the media tutorial template now.
Copy the prompt, fill the slots, and generate your step-by-step walkthrough in minutes.