vercel · Vercel AI SDK Docs
AI SDK Getting Started: Expo
Teaches how to set up and integrate the Vercel AI SDK within an Expo mobile application environment.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
AI SDK Getting Started: Expo
Teaches how to set up and integrate the Vercel AI SDK within an Expo mobile application environment.
When To Use
Use when you need to configure the Vercel AI SDK to work with an Expo-based mobile application project.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/ai-sdk-getting-started-expo-workflow-guide.md | A tutorial guide for building a streaming chat user interface with an AI agent using the AI SDK and Expo. | Questions about a tutorial guide for building a streaming chat user interface with an AI agent using the AI SDK and Expo. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-environment-variable-setup.text | A text file demonstrating the configuration of the AI_GATEWAY_API_KEY environment variable for an Expo project using the AI SDK. | Exact payloads, commands, or snippets shown in A text file demonstrating the configuration of the AIGATEWAYAPIKEY environment variable for an Expo project using the... |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-route-handler-stream.text | A TypeScript implementation of an Expo API route handler using streamText to process UIMessage arrays and return a stream response. | Exact payloads, commands, or snippets shown in A TypeScript implementation of an Expo API route handler using streamText to process UIMessage arrays and return a st... |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-model-configuration.text | A text snippet demonstrating the model configuration syntax for using Anthropic Claude with the AI SDK in an Expo environment. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the model configuration syntax for using Anthropic Claude with the AI SDK in an Expo env... |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-gateway-import-options.text | Code examples demonstrating two different methods for importing the gateway function from the ai and @ai-sdk/gateway packages in an Expo environment. | Exact payloads, commands, or snippets shown in Code examples demonstrating two different methods for importing the gateway function from the ai and @ai-sdk/gateway... |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-openai-model-setup.text | A code snippet demonstrating how to initialize an OpenAI model within an Expo application using the AI SDK. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to initialize an OpenAI model within an Expo application using the AI SDK. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-usechat-implementation.text | A React Native implementation using the AI SDK useChat hook and expo-fetch for mobile chat interfaces. | Exact payloads, commands, or snippets shown in A React Native implementation using the AI SDK useChat hook and expo-fetch for mobile chat interfaces. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-api-url-generator.text | A TypeScript function that dynamically generates the API base URL for Expo applications by replacing the Expo protocol with HTTP for development environments. | Exact payloads, commands, or snippets shown in A TypeScript function that dynamically generates the API base URL for Expo applications by replacing the Expo protoco... |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-route-handler-streamtext.text | An example implementation of an Expo route handler using streamText to process messages and tools. | Exact payloads, commands, or snippets shown in An example implementation of an Expo route handler using streamText to process messages and tools. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-usechat-implementation-2.text | A React Native implementation using the AI SDK useChat hook and expo-fetch for mobile chat interfaces. | Exact payloads, commands, or snippets shown in A React Native implementation using the AI SDK useChat hook and expo-fetch for mobile chat interfaces. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-route-handler-streamtext-2.text | A TypeScript example demonstrating how to implement a POST route handler using streamText for an Expo application. | Exact payloads, commands, or snippets shown in A TypeScript example demonstrating how to implement a POST route handler using streamText for an Expo application. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-route-handler-streamtext-3.text | A TypeScript example demonstrating a POST route handler using streamText to process messages within an Expo environment. | Exact payloads, commands, or snippets shown in A TypeScript example demonstrating a POST route handler using streamText to process messages within an Expo environment. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-usechat-implementation-3.text | A React Native implementation using the AI SDK's useChat hook and Expo fetch within an App component. | Exact payloads, commands, or snippets shown in A React Native implementation using the AI SDK's useChat hook and Expo fetch within an App component. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-polyfill-setup.text | A text snippet demonstrating how to configure necessary polyfills for the AI SDK to work within an Expo environment. | Exact payloads, commands, or snippets shown in A text snippet demonstrating how to configure necessary polyfills for the AI SDK to work within an Expo environment. |
examples/ai-sdk-getting-started-expo-ai-sdk-expo-polyfills-setup.text | A text snippet demonstrating the required polyfill import for using the AI SDK within an Expo environment. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the required polyfill import for using the AI SDK within an Expo environment. |
What This Skill Covers
- In this quickstart tutorial, you'll build a simple agent with a streaming chat user interface with Expo. Along the way, you'll learn key concepts and techniq...
- Main sections:
Prerequisites,Create Your Application,Create an API Route,Choosing a Provider,Using other providers.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://ai-sdk.dev/docs/getting-started/expo