Provides API references for the Grab SuperApp SDK to enable native device features in MiniApps.
Install
mkdir -p .claude/skills/grabjs-superapp-sdk && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15388" && unzip -o skill.zip -d .claude/skills/grabjs-superapp-sdk && rm skill.zipInstalls to .claude/skills/grabjs-superapp-sdk
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
API reference for `@grabjs/superapp-sdk`. Use when building a MiniApp that runs in the Grab SuperApp WebView and needs to call native features (camera, payments, authorization, authentication, permission, location, device storage, container UI customization) via the Grab `JSBridge`. Keywords: miniapp, webview, android, ios, jsbridge, grab, superapp.Key capabilities
- →Call native Grab SuperApp features from a MiniApp
- →Access device camera from a MiniApp
- →Implement native payments in a MiniApp
- →Retrieve user location data in a MiniApp
- →Customize container UI from a MiniApp
- →Handle authentication and authorization via JSBridge
How it works
SDK methods communicate with the native Grab SuperApp layer via JSBridge, returning a response object with an HTTP-style status_code.
Inputs & outputs
When to use grabjs-superapp-sdk
- →Access device camera from MiniApp
- →Implement native payments in Grab
- →Retrieve user location data
- →Integrate native UI customization
About this skill
@grabjs/superapp-sdk
Use this SDK to call native Grab SuperApp features from a MiniApp running in the WebView. Each module covers one domain (camera, payments, location, etc.) and communicates with the native layer via JSBridge.
Guides
| Guide | Contents | File |
|---|---|---|
| Setup | Installation and importing (ES Modules and CDN) | references/guides/setup.md |
| Core Concepts | Response pattern, status codes, type guards, streams, scopes and permissions | references/guides/concepts.md |
| Integration Guide | Initialization, authentication, container UI, external links, analytics event tracking, checkout flow | references/guides/integration.md |
Module Index
| Module | Purpose | Reference file |
|---|---|---|
CameraModule | SDK module for accessing the device camera via JSBridge. | references/modules/CameraModule.md |
CheckoutModule | SDK module for triggering native payment flows via JSBridge. | references/modules/CheckoutModule.md |
ContainerModule | SDK module for controlling the WebView container via JSBridge. | references/modules/ContainerModule.md |
DeviceModule | SDK module for querying native device information via JSBridge. | references/modules/DeviceModule.md |
FileModule | SDK module for downloading files to the user's device via JSBridge. | references/modules/FileModule.md |
IdentityModule | SDK module for authenticating users with GrabID via JSBridge. | references/modules/IdentityModule.md |
LocaleModule | SDK module for accessing device locale settings via JSBridge. | references/modules/LocaleModule.md |
LocationModule | SDK module for accessing device location services via JSBridge. | references/modules/LocationModule.md |
LoyaltyModule | SDK module for Loyalty features via JSBridge. | references/modules/LoyaltyModule.md |
MediaModule | SDK module for playing DRM-protected media content via JSBridge. | references/modules/MediaModule.md |
NetworkModule | SDK module for making network requests through the native layer via JSBridge. | references/modules/NetworkModule.md |
PlatformModule | SDK module for controlling platform navigation via JSBridge. | references/modules/PlatformModule.md |
ProfileModule | SDK module for accessing user profile information via JSBridge. | references/modules/ProfileModule.md |
ScopeModule | SDK module for checking and refreshing API access permissions via JSBridge. | references/modules/ScopeModule.md |
SplashScreenModule | SDK module for controlling the native splash / Lottie loading screen via JSBridge. | references/modules/SplashScreenModule.md |
StorageModule | SDK module for persisting key-value data to native storage via JSBridge. | references/modules/StorageModule.md |
SystemWebViewKitModule | SDK module for opening URLs in the device's system browser via JSBridge. | references/modules/SystemWebViewKitModule.md |
UserAttributesModule | SDK module for reading user-related attributes from native code via JSBridge. | references/modules/UserAttributesModule.md |
When not to use it
- →When the MiniApp is not running inside the Grab SuperApp WebView
- →When the Grab app version is too old for a specific feature
Limitations
- →The SDK methods only work when the page is running inside the Grab SuperApp WebView
- →Certain features may require a minimum Grab app version
- →Some operations require specific OAuth scopes
How it compares
This SDK provides a structured interface with type guards and status codes for native feature access, unlike direct JavaScript-to-native communication.
Compared to similar skills
grabjs-superapp-sdk side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| grabjs-superapp-sdk (this skill) | 0 | 4mo | Review | Intermediate |
| webf-native-plugins | 1 | 8mo | Review | Advanced |
| flutter-development | 1,555 | 7mo | No flags | Intermediate |
| android-kotlin-development | 268 | 7mo | Review | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
webf-native-plugins
openwebf
Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
android-kotlin-development
aj-geddes
Develop native Android apps with Kotlin. Covers MVVM with Jetpack, Compose for modern UI, Retrofit for API calls, Room for local storage, and navigation architecture.
telegram-mini-app
davila7
Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API, payments, user authentication, and building viral mini apps that monetize. Use when: telegram mini app, TWA, telegram web app, TON app, mini app.
flutter-expert
sickn33
Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or cross-platform features.
react-native-architecture
wshobson
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.