voltra
Erstellen, überprüfen, umstrukturieren, konfigurieren oder debuggen Sie Voltra-Code mit Voltra JSX, Voltra JS APIs und dem Expo-Konfigurations-Plugin. Verwenden Sie dies, wenn der Benutzer nach Diagrammen fragt, …
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
Mehr Skills von callstackincubator
agent-device
callstackincubator
Automatisieren Sie iOS- und Android-App-Interaktionen mit Snapshot-basierter Erkennung und selektorgesteuerter Wiedergabe. Unterstützt iOS-Simulatoren/-Geräte und Android-Emulatoren/-Geräte mit sitzungsgebundener Automatisierung, Multi-Tenant-Remote-Daemon-Modus und Gerätebereichsisolierung für QA-Workflows. Kernbefehle: Snapshot für UI-Erkennung mit Referenzen, Press / Fill / Scroll für Interaktionen, Open / Close für den App-Lebenszyklus, Install / Reinstall für die Binärbereitstellung. Enthält Dienstprogramme für Protokollierung, Netzwerkinspektion,...
official
dogfood
callstackincubator
Systematisch eine mobile App auf iOS/Android mit Agent-Device erkunden und testen, um Bugs, UX-Probleme und andere Fehler zu finden. Verwenden, wenn aufgefordert zu dogfood, QA,…
official
react-devtools
callstackincubator
Untersuchen und Profilen von React Native-Komponentenbäumen vom Agent-Gerät aus. Verwenden für React Native-Performance, Profiling, Props, State, Hooks, Render-Ursachen, langsame…
official
react-devtools
callstackincubator
React DevTools CLI für KI-Agenten. Verwenden Sie dies, wenn der Benutzer Sie bittet, eine React- oder React Native-App zur Laufzeit zu debuggen, Komponenten-Props/State/Hooks zu inspizieren, zu diagnostizieren…
official
github
callstackincubator
GitHub-Workflow-Automatisierung über die gh CLI für Pull Requests, gestapelte PRs und Repository-Verwaltung. Bietet einen Workflow zum Zusammenführen gestapelter PRs: Squash-Merge des ersten PRs, dann Rebase und Aktualisierung des Basis-Branches für jeden nachfolgenden PR in der Kette. Enthält Konflikterkennung und manuelle Lösungsaufforderungen, um stille Fehler bei Multi-PR-Merges zu vermeiden. Deckt die wichtigsten gh CLI-Operationen ab: PR-Erstellung, Statusprüfungen, Squash/Rebase-Merging und Branch-Verwaltung. Optimiert für geringen Kontextverbrauch durch Nutzung der gh CLI...
official
github-actions
callstackincubator
GitHub Actions-Workflow-Muster für React Native iOS-Simulator- und Android-Emulator-Cloud-Builds mit herunterladbaren Artefakten. Verwenden Sie dies beim Einrichten von CI-Builds…
official
react-native-best-practices
callstackincubator
Strukturierte Leistungsoptimierungsreferenz für React Native-Apps, die FPS, Bundle-Größe, TTI und Speicher abdeckt. Organisiert in 9 JavaScript/React-Leitfäden (Profiling, Listen, Animationen, Speicher), 9 native Optimierungsleitfäden (Turbo Modules, Threading, Profiling) und 9 Bundling-Leitfäden (Tree Shaking, Code Splitting, Größenanalyse). Jede Referenz folgt einem hybriden Format mit schnellen Mustern/Befehlen, Auswirkungsbewertungen (KRITISCH/HOCH/MITTEL) und ausführlichen Erklärungen mit Voraussetzungen und allgemeinen...
official
react-native-brownfield-migration
callstackincubator
Bietet eine inkrementelle Einführungsstrategie zur Migration nativer iOS- oder Android-Apps zu React Native oder Expo unter Verwendung von @callstack/react-native-brownfield für die anfängliche…
official