chatgpt-apps-sdk-devtools

> Development tools for building and testing ChatGPT Apps using ChatGPT Apps SDK

[](https://www.npmjs.com/package/@ainativekit/devtools) [](https://opensource.org/licenses/MIT)

A powerful, zero-configuration development environment for building ChatGPT apps. Simulate the ChatGPT production environment locally with interactive controls for testing different states, themes, and device types.

• 🎭 Mock ChatGPT Environment - Simulates window.openai API exactly like production
• 🎨 Theme Switching - Test light and dark themes instantly
• 📱 Device Simulation - Desktop (768px), Tablet (576px), Mobile (380px) viewports aligned with OpenAI Apps SDK
• 🔄 State Testing - Loading, data, and error states with customizable delays
• 🐛 Debug Overlays - Visual boundary indicators for development
• 🚀 Zero Configuration - Works out of the box with sensible defaults
• 📦 Production Ready - Clean separation between dev tools and widget code
• 🔌 ChatGPT Apps SDK Compatible - Works with any ChatGPT Apps SDK implementation

• React 18.0.0 or higher
• Node.js 18.0.0 or higher
• Modern browser with ES2020+ support
• Chrome 80+, Firefox 75+, Safari 13.1+, Edge 80+

• @ainativekit/ui 1.0.0 or higher (optional, but recommended for enhanced theming)
• DevTools includes basic theme support out of the box
• For full design system integration, install @ainativekit/ui and use AppsSDKUIProvider
• See usage examples below for both standalone and integrated approaches

npm install --save-dev @ainativekit/devtools

or with yarn:

yarn add -D @ainativekit/devtools

DevTools works out of the box with built-in theme