voltra
oleh callstackincubator
Bangun, tinjau, refaktor, konfigurasi, atau debug kode Voltra menggunakan Voltra JSX, API Voltra JS, dan plugin konfigurasi Expo. Gunakan saat pengguna bertanya tentang grafik,…
npx skills add https://github.com/callstackincubator/voltra --skill voltraVoltra
Use this as the single Voltra skill entrypoint. Keep all product-wide ground truth here and load references from references/ as needed.
Voltra-Wide Ground Truth
- Never generate native platform UI code for Voltra tasks. Use Voltra JSX and Voltra JS APIs.
- Do not generate Swift, Kotlin, Java, Objective-C, or platform XML unless the user explicitly asks to edit an existing Voltra-supported Android widget preview XML file.
- Always solve Voltra tasks through Voltra JavaScript or TypeScript APIs, JSX components, and the Expo config plugin first.
- If a task appears to require native code, first check whether Voltra already exposes a JS API or config option. Prefer that path.
- Do not scaffold native extension code manually. Voltra's config plugin owns native target setup.
- Do not use plain React Native primitives inside Voltra-rendered trees. Avoid
View,Text,Pressable,TouchableOpacity, and similar RN UI primitives for Live Activity or Android widget content. - For iOS app code, import
Voltrafrom@use-voltra/iosand runtime APIs from@use-voltra/ios-client. - For Android app code, import
VoltraAndroidfrom@use-voltra/androidand runtime APIs from@use-voltra/android-client. - Keep iOS and Android authoring paths separate unless the user explicitly asks for a shared abstraction.
- Update config before writing registration-dependent UI code.
- Treat images as a Voltra concern, not a native-code concern. Prefer Voltra image props, Voltra asset directories, and Voltra preloading APIs.
- When guidance conflicts, prefer this skill's internal references first, then hosted docs on
use-voltra.dev. - Use hosted docs on
https://use-voltra.devwhen deeper documentation is needed.
Reference Routing
Read only the references needed for the current task:
- Setup, install, Expo Dev Client,
expo prebuild:references/setup.md - React Native CLI projects and
voltra apply:references/react-native-cli.md app.json,app.config.*, plugin keys, widget registration,groupIdentifier,enablePushNotifications:references/app-config.md- Exact plugin fields and widget registration schema:
references/plugin-schema.md - iOS Live Activities, Dynamic Island, lock screen variants, supplemental activity families:
references/ios-live-activities.md - Exact Live Activity variant shapes:
references/variant-shapes.md - iOS Home Screen widgets, accessory widgets, scheduled widgets, widget timelines, widget families,
VoltraWidgetPreview,updateWidget,scheduleWidget,reloadWidgets,getActiveWidgets:references/ios-widgets.md - Exact iOS widget families and fallback behavior:
references/widget-families.md - Charts for iOS widgets, Live Activities, and Android widgets:
references/charts.md - Android widgets, Android widget previews, pre-rendering, widget updates:
references/android-widgets.md - Android ongoing notifications, notification channels, and background-task updates:
references/android-ongoing-notifications.md - Server-driven widgets,
serverUpdate, widget polling flows,createWidgetUpdateHandler,setWidgetServerCredentials,clearWidgetServerCredentials:references/server-driven-widgets.md - Android component choices and widget API checklist:
references/component-mapping.md,references/runtime-api-checklist.md - APNS, push tokens, push-to-start, channel IDs, server-rendered Live Activity payloads:
references/ios-server-updates.mdand usuallyreferences/ios-live-activities.md - Exact APNS flow details:
references/push-flow.md - Image handling for Voltra surfaces:
references/images.mdplus the target surface reference
Working Style
- Identify the target platform and surface first.
- Confirm the correct Voltra namespace and JS entrypoint.
- If the task involves charts, verify the public JSX props and platform behavior before writing code or docs.
- Update config before writing registration-dependent UI code.
- Read only the domain references needed for the task.
- Use Voltra APIs that already exist in the repo before inventing new abstractions.
- Keep answers scoped to the requested platform.
Reference Index
references/source-of-truth.mdreferences/images.mdreferences/setup.mdreferences/react-native-cli.mdreferences/app-config.mdreferences/plugin-schema.mdreferences/ios-live-activities.mdreferences/variant-shapes.mdreferences/ios-widgets.mdreferences/widget-families.mdreferences/charts.mdreferences/android-widgets.mdreferences/android-ongoing-notifications.mdreferences/server-driven-widgets.mdreferences/component-mapping.mdreferences/runtime-api-checklist.mdreferences/ios-server-updates.mdreferences/push-flow.md
Lebih banyak skill dari callstackincubator
agent-device
callstackincubator
Otomatiskan interaksi aplikasi iOS dan Android dengan penemuan berbasis snapshot dan pemutaran ulang berbasis selektor. Mendukung simulator/perangkat iOS dan emulator/perangkat Android dengan otomatisasi terikat sesi, mode daemon jarak jauh multi-penyewa, dan isolasi lingkup perangkat untuk alur kerja QA. Perintah inti: snapshot untuk penemuan UI dengan referensi, tekan/isi/gulir untuk interaksi, buka/tutup untuk siklus hidup aplikasi, instal/instal ulang untuk penerapan biner. Termasuk utilitas untuk pencatatan, inspeksi jaringan,...
official
dogfood
callstackincubator
Secara sistematis menjelajahi dan menguji aplikasi seluler di iOS/Android dengan agen-perangkat untuk menemukan bug, masalah UX, dan masalah lainnya. Gunakan saat diminta untuk dogfood, QA,…
official
react-devtools
callstackincubator
Memeriksa dan memprofilkan pohon komponen React Native dari agent-device. Digunakan untuk performa React Native, profiling, props, state, hooks, penyebab render, lambat…
official
react-devtools
callstackincubator
CLI React DevTools untuk agen AI. Gunakan saat pengguna meminta Anda untuk men-debug aplikasi React atau React Native saat runtime, memeriksa props/state/hooks komponen, mendiagnosis…
official
github
callstackincubator
Otomatisasi alur kerja GitHub melalui gh CLI untuk pull request, stacked PR, dan manajemen repositori. Menyediakan alur kerja penggabungan stacked PR: squash-merge PR pertama, lalu rebase dan perbarui cabang dasar untuk setiap PR berikutnya dalam rantai. Termasuk deteksi konflik dan prompt resolusi manual untuk mencegah kegagalan diam-diam selama penggabungan multi-PR. Mencakup operasi inti gh CLI: pembuatan PR, pemeriksaan status, penggabungan squash/rebase, dan manajemen cabang. Dioptimalkan untuk penggunaan konteks rendah dengan mengandalkan gh CLI...
official
github-actions
callstackincubator
Pola alur kerja GitHub Actions untuk build cloud simulator iOS React Native dan emulator Android dengan artefak yang dapat diunduh. Gunakan saat menyiapkan build CI…
official
react-native-best-practices
callstackincubator
Referensi optimasi kinerja terstruktur untuk aplikasi React Native yang mencakup FPS, ukuran bundel, TTI, dan memori. Terorganisir dalam 9 panduan JavaScript/React (profiling, daftar, animasi, memori), 9 panduan optimasi native (Turbo Modules, threading, profiling), dan 9 panduan bundling (tree shaking, code splitting, analisis ukuran). Setiap referensi mengikuti format hibrida dengan pola/perintah cepat, peringkat dampak (KRITIS/TINGGI/SEDANG), serta penjelasan mendalam dengan prasyarat dan umum...
official
react-native-brownfield-migration
callstackincubator
Menyediakan strategi adopsi inkremental untuk memigrasikan aplikasi native iOS atau Android ke React Native atau Expo menggunakan @callstack/react-native-brownfield untuk tahap awal…
official