AI SDK Frontend Scrum Session - Presentation Script

[This is your private script - audience won't see this. Code blocks are ready to copy/paste to your demo screen]

Opening (2-3 minutes)

[Start with energy, lean forward]

Alright team, let's dive into AI - specifically the Vercel AI SDK. And I want to start with something that might sound like a big claim, but bear with me here.

[Pause for effect]

You know how we always talk about intuitive APIs? Well, the AI SDK has been built with this philosophy: "if you can describe what you want in plain language, you can build it with AI."

[Let that sink in]

I know that might sound too good to be true, but I'm going to demonstrate exactly what I mean. By the end of this session, you'll see how integrating AI can feel as straightforward as calling any other API.

[Transition]

So let me start with the simplest possible example, and then we'll explore why this changes everything for frontend development.

The "Natural Language to Code" Demo (5 minutes)

[Switch to code screen]

Let's think about how we'd describe calling an AI model in everyday terms:

1. I want to generate some text
2. Using a specific model - like OpenAI's GPT-4
3. Here's the instruction I want to give it

Now look at this code:

import { generateText } from 'ai'
import { openai } from '@ai-sdk/openai'

const { text } = await generateText({
  model: openai('gpt-4o'),
  prompt: 'Write a creative product description for wireless headphones'
})

console.log(text)