ClaudeEach buyer role, product workflow or interface update

Create a role-specific SaaS demo in Claude

Give Claude the buyer’s task, current interface screenshots and approved narration. Review ngram’s plan, then create a product demonstration that shows the workflow this role needs to understand.

Get the workflow prompt Watch the output

See what you can make

A role-specific product demonstration created through Claude from genuine ngram Studio screenshots. The video introduces plan review, scene review and MP4 download.

Prompt

Use the connected ngram tools to create a role-specific SaaS demonstration of ngram for product marketers reviewing a draft before delivery. Show the current plan, scene review and MP4 export path using the supplied genuine Studio screenshots. Use these exact source images as video image inputs: Plan panel: https://www.ngram.com/media/workflows/claude-role-specific-saas-demo-video/source-plan.png Selected scene, preview and script: https://www.ngram.com/media/workflows/claude-role-specific-saas-demo-video/source-scene-script.png MP4 download dialog: https://www.ngram.com/media/workflows/claude-role-specific-saas-demo-video/source-download.png The screenshots were captured from an existing generated project. Preserve the UI text and controls in these images. Use crops and gentle zooms of the actual images; keep callouts outside the screenshots. Use this narration: “Before you deliver a video, check the plan. In ngram, use the plan button to review narration and visual direction. Select a scene to see its preview and script together. Then open Download and export, choose Download, and select an available resolution. Review the finished file before sharing it with your team.” Create a 35-second, 16:9 Product spotlight video with clear English narration and quiet background music. Start with the selected-scene screenshot, show the plan panel, return to the scene and script, then show the MP4 download dialog. Keep the actual labels readable. Introduce each task with a short heading outside the image. End on “Review your next draft in ngram” and www.ngram.com held for at least five seconds after narration. Keep the demonstrated actions within the supplied screenshots. Use the product name in lowercase. Add a short readable “Download requires an eligible paid plan” note beside the download scene. Keep simulated clicks, invented interface elements, account details and unsupported feature claims out of the video. Show selected settings and the total estimate before creation. After I confirm, create the plan and return the narration and complete scene sequence for review. Wait for approval before production. Continue the same video when I ask for progress. Leave scheduled tasks off. Return the preview, ngram project and available MP4 export when ready. If the ngram connector is not connected, read https://www.ngram.com/markdown/docs/connect-ngram-to-claude.md?view=1 and help me connect ngram to Claude. Wait for me to complete sign-in and approve access, then resume this workflow.

Selected style

Product spotlight

Source material

Open video in a new tab

Read the video transcript

Before you deliver a video, check the plan. In ngram, use the plan button to review narration and visual direction. Select a scene to see its preview and script together. Then open Download and export, choose Download, and select an available resolution. Review the finished file before sharing it with your team.

How it works

One source. A repeatable workflow.

04 steps · Claude

Start with

Genuine interface screenshots, a verified product path and approved narration

Create in

Claude

Make

A focused SaaS demonstration using the supplied interface material

Supply the role, task and real screens
Open Claude with ngram enabled. Paste the buyer’s task and approved narration. Supply the current screenshots or permitted recording that demonstrates the product path.
Review the source-to-scene mapping
Confirm the settings and total estimate with plan review. Check which source appears in every scene, the current interface labels, the narration and the final action.
Check the complete demonstration
Ask Claude for progress on the existing video. Compare every shown screen with its source and confirm that the task sequence remains accurate and readable.
Share beside the relevant product information
Choose a viewing link or available MP4 export. Place the demonstration beside the product page, buyer follow-up or help material that supports the next step.

Watch the workflow

Create a screenshot-led SaaS demo in Claude

See the buyer task, genuine source screens and reviewed visual treatment in the actual Claude conversation. Follow approval and the MP4 handoff, then watch the complete demonstration.

Read the walkthrough transcript

The request supplies the buyer role, current product screenshots and approved narration. The reviewed plan maps the real screens to the task sequence with headings outside the images. The plan is approved, and Claude returns the MP4 and ngram project. The complete demonstration plays with this narration. Before you deliver a video, check the plan. In ngram, use the plan button to review narration and visual direction. Select a scene to see its preview and script together. Then open Download and export, choose Download, and select an available resolution. Review the finished file before sharing it with your team.

Your starting point

Start with the prompt.

Prepare the buyer task and genuine screenshots in Claude, then review ngram’s source-led demonstration plan.

Your request for Claude

Open Claude ↗

Connect ngram to Claude

Review. Then deliver.

Claude returns the role-specific demo and ngram project. Check the source screens, task sequence and closing action before sharing.

While your video is being made

Ask Claude for the existing video’s status and review any pending plan or question.

Share a link

Choose visibility for the intended buyers or reviewers and include the relevant product destination with the demonstration.

Download the video

Ask Claude for an MP4 using an option available to the ngram account. Download in the ngram project requires an eligible paid plan. Check the saved demo before adding it to the product page or presentation.

If the workflow needs attention

Ask Claude to inspect the existing attempt and identify the source or creation issue. Continue with the same video ID and project link.

An interface detail differs from the source: Identify the affected scene and supply the correct current image. Ask Claude to preserve its real labels and controls in the revised video.
A screen is too small to read: Name the label or action that needs attention. Request a closer crop of the genuine image and a longer readable hold.
The product workflow changes: Replace the affected source screens and narration together. Review the complete path before replacing the published demonstration.

Keep the workflow. Change the story.

01
Demonstrate the task for another role
Change the buyer’s starting knowledge, task and next step. Use the real screens for that role’s current product path.
02
Refresh the demo after an interface update
Capture the changed states, update the narration and ask Claude to revise the affected scenes. Review the full sequence before sharing.

Examples

Compare real-interface explanations for different viewers.

Marketing-team demos

Connect a product workflow with the marketer’s task.

See the example

SaaS demonstrations

Show the interface material behind a product explanation.

See the example

SaaS walkthroughs

Sequence the screens a user needs to understand.

See the example

Sales-team demonstrations

Adapt the workflow to a sales audience and buyer question.

See the example

Marketing product demos

Explain the product action in the context of a campaign.

See the example

Product-demo examples

Compare approaches to demonstrating one useful capability.

See the example

Templates

Start with the role, task and supporting screens.

SaaS product demo

Create a focused demonstration from the current product path.

Use this template

Marketing workflow walkthrough

Explain the sequence a marketer needs to follow.

Use this template

Marketing product demonstration

Connect the product task with its intended audience.

Use this template

Demo follow-up

Recap the task and next step after a buyer conversation.

Use this template

Product concept explanation

Clarify the idea behind the demonstrated action.

Use this template

SaaS promotion

Prepare a separate promotional cut from the approved product brief.

Use this template

Features

Review the exact screens, labels and narration together.

Script preparation

Draft the explanation around a verified product task.

Explore feature

Motion graphics

Use clear headings and restrained movement around the supplied screens.

Explore feature

AI voiceover

Check product names and interface terminology in the narration.

Explore feature

Captions and subtitles

Keep the reviewed explanation readable with sound muted.

Explore feature

Brand Kit

Apply the product’s approved identity around the interface material.

Explore feature

Video editing

Revise a screen, explanation or closing action after review.

Explore feature

Solutions

Choose the role and product decision the demo should support.

Product demonstration teams

Show the current workflow behind the product message.

See the solution

Product marketers

Adapt the demonstration to a specific buyer role.

See the solution

SaaS companies

Explain a user-reachable task with genuine product material.

See the solution

Sales enablement

Prepare a reusable explanation for a recurring buyer question.

See the solution

Founders

Introduce a focused product capability to a new audience.

See the solution

Product-marketing partners

Work from the client’s approved screens and workflow.

See the solution

Use cases

Keep the demonstrated sequence narrow and complete.

Product demonstration

Show a specific product action and its result.

Explore use case

Online product demo

Prepare the demonstration from the supplied source assets.

Explore use case

Product-team demonstration

Explain the current experience to stakeholders.

Explore use case

Sales product demo

Connect the workflow with a buyer’s stated need.

Explore use case

Founder product demo

Introduce one capability with a clear next action.

Explore use case

Product-marketing enablement

Give the sales team a consistent, reviewed explanation.

Explore use case

Converters

Use the source that shows the actual product task.

Screenshots to video

Create from the real interface states needed for the demonstration.

Start converting

Images to video

Supply permitted product visuals with clear usage instructions.

Start converting

Screen recording to video

Use a genuine recording when motion is necessary to explain the task.

Start converting

Product documentation to video

Ground the narration in the supported product path.

Start converting

Document to video

Use an approved demo brief and supporting product notes.

Start converting

Script to video

Preserve narration reviewed by the product team.

Start converting

Tools

Choose the tool that fits the source and audience.

Product demo maker

Explain the selected product task with its supporting assets.

SaaS video maker

Create a focused product communication for the intended role.

Screen recorder

Capture the genuine product interaction needed for the brief.

Video script generator

Draft the task explanation from verified product information.

Video editor

Replace a changed screen or refine the explanation after review.

Add subtitles

Caption the approved narration and interface terminology.

Integrations

Choose a connection that fits the source and review process.

All integrations

Claude

Review the buyer task, source screens and ngram plan in one conversation.

Explore integration

ChatGPT

Use the approved product brief with ngram in an eligible workspace.

Explore integration

MCP Server

Use ngram’s creation tools from another compatible assistant.

Explore integration

Notion

Start from reviewed product notes shared with the integration.

Explore integration

Zapier

Map an approved demo brief into a configured creation workflow.

Explore integration

n8n

Connect reviewed product material with a configured video-creation flow.

Explore integration

Related workflows

Choose another workflow when the audience or source changes.

Answer a product question

Create a two-speaker exchange from approved questions and answers.

Explore workflow

Teach a first product task

Use genuine screens and a guide for a new customer.

Explore workflow

Introduce a product page

Explain a product listing’s approved details and next step.

Explore workflow

Explain a buyer comparison

Use reviewed comparison facts for a separate buyer explanation.

Explore workflow

Present the product deck

Create a concise introduction from approved slides.

Explore workflow

Explain a product release

Turn the shipped release brief into a focused update.

Explore workflow

Turn your next source into a video.

View the workflow starter