𝗥𝗼𝘇𝗲𝗻𝗶𝘁𝗲 is a React Native DevTools plugin framework that lets you add focused DevTools panels directly inside the React Native DevTools. It works with both Expo and bare React Native apps, supports Metro and Re.Pack bundlers, and keeps plugin code out of production builds—so you get native integration without extra windows or servers.
Building on that, the new 𝗔𝗜 𝗦𝗗𝗞 𝗣𝗿𝗼𝗳𝗶𝗹𝗲𝗿 plugin (
@react-native-ai/dev-tools-plugin) captures OpenTelemetry spans from the Vercel AI SDK and renders them inside Rozenite DevTools. It provides a dedicated panel where you can inspect AI SDK requests, including timelines, inputs, outputs, provider metadata, and latency.
If you’re profiling AI features like text generation, embeddings, speech, or transcription, this plugin helps identify where time is spent and what the SDK is doing during each call.
Key points:
➡️ Displays AI SDK calls with detailed timelines and provider info inside React Native DevTools
➡️ Supports telemetry from both on-device and cloud AI providers via a unified UI
➡️ Integrates without adding extra windows or servers
➡️ Compatible with Expo, bare React Native, Metro, and Re.Pack
➡️ Keeps plugin code out of production bundles
How it works:
➡️ Vercel AI SDK emits OpenTelemetry spans when telemetry is enabled
➡️ The plugin listens to those spans via Rozenite’s plugin bridge
➡️ Rozenite renders the data live in the AI SDK Profiler panel
This plugin provides clear visibility into AI SDK calls within your React Native apps, helping you understand performance and request details in one place.
#ReactNative #ReactNativeDevTools #AIinMobile #OpenTelemetry #MobileDevelopment #VercelAI #ExpoDev #JavaScriptDevelopment #PerformanceMonitoring #DeveloperExperience #OpenSourceTools