Construire, réviser, refactoriser, configurer ou déboguer du code Voltra en utilisant Voltra JSX, les API JavaScript Voltra et le plugin de configuration Expo. Utiliser lorsque l'utilisateur pose des questions sur les graphiques,…

npx skills add https://github.com/callstackincubator/voltra --skill voltra

Voltra

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 Voltra from @use-voltra/ios and runtime APIs from @use-voltra/ios-client.
  • For Android app code, import VoltraAndroid from @use-voltra/android and 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.dev when 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.md and usually references/ios-live-activities.md
  • Exact APNS flow details: references/push-flow.md
  • Image handling for Voltra surfaces: references/images.md plus the target surface reference

Working Style

  1. Identify the target platform and surface first.
  2. Confirm the correct Voltra namespace and JS entrypoint.
  3. If the task involves charts, verify the public JSX props and platform behavior before writing code or docs.
  4. Update config before writing registration-dependent UI code.
  5. Read only the domain references needed for the task.
  6. Use Voltra APIs that already exist in the repo before inventing new abstractions.
  7. Keep answers scoped to the requested platform.

Reference Index

  • references/source-of-truth.md
  • references/images.md
  • references/setup.md
  • references/react-native-cli.md
  • references/app-config.md
  • references/plugin-schema.md
  • references/ios-live-activities.md
  • references/variant-shapes.md
  • references/ios-widgets.md
  • references/widget-families.md
  • references/charts.md
  • references/android-widgets.md
  • references/android-ongoing-notifications.md
  • references/server-driven-widgets.md
  • references/component-mapping.md
  • references/runtime-api-checklist.md
  • references/ios-server-updates.md
  • references/push-flow.md

Plus de skills de callstackincubator

agent-device
callstackincubator
Automatisez les interactions avec les applications iOS et Android grâce à la découverte basée sur des instantanés et la relecture pilotée par sélecteurs. Prend en charge les simulateurs/appareils iOS et les émulateurs/appareils Android avec automatisation liée à la session, mode démon distant multi-locataire et isolation de la portée des appareils pour les workflows QA. Commandes principales : snapshot pour la découverte de l'interface utilisateur avec références, press / fill / scroll pour les interactions, open / close pour le cycle de vie des applications, install / reinstall pour le déploiement binaire. Inclut des utilitaires pour la journalisation, l'inspection réseau,...
official
dogfood
callstackincubator
Explorer et tester systématiquement une application mobile sur iOS/Android avec agent-device pour trouver des bugs, des problèmes d’UX et autres anomalies. Utiliser lorsqu’on demande de dogfood, QA,…
official
react-devtools
callstackincubator
Inspectez et profilez les arbres de composants React Native depuis l'agent-appareil. Utilisez pour les performances React Native, le profilage, les props, l'état, les hooks, les causes de rendu, les ralentissements…
official
react-devtools
callstackincubator
CLI React DevTools pour agents IA. À utiliser lorsque l'utilisateur vous demande de déboguer une application React ou React Native en cours d'exécution, d'inspecter les props/state/hooks des composants, de diagnostiquer…
official
github
callstackincubator
Automatisation des workflows GitHub via l'interface gh pour les pull requests, les PR empilées et la gestion de dépôt. Fournit un workflow de fusion de PR empilées : fusion squash de la première PR, puis rebase et mise à jour de la branche de base pour chaque PR suivante dans la chaîne. Inclut la détection de conflits et des invites de résolution manuelle pour éviter les échecs silencieux lors des fusions multi-PR. Couvre les opérations principales de l'interface gh : création de PR, vérifications d'état, fusion squash/rebase et gestion des branches. Optimisé pour une utilisation à faible contexte en s'appuyant sur l'interface gh...
official
github-actions
callstackincubator
Modèles de workflows GitHub Actions pour les builds cloud du simulateur iOS React Native et de l'émulateur Android avec artefacts téléchargeables. À utiliser lors de la configuration de builds CI…
official
react-native-best-practices
callstackincubator
Référence structurée d'optimisation des performances pour les applications React Native couvrant les FPS, la taille du bundle, le TTI et la mémoire. Organisée en 9 guides JavaScript/React (profilage, listes, animations, mémoire), 9 guides d'optimisation natifs (Turbo Modules, threading, profilage) et 9 guides de bundling (tree shaking, code splitting, analyse de taille). Chaque référence suit un format hybride avec des motifs/commandes rapides, des évaluations d'impact (CRITIQUE/HAUT/MOYEN) et des explications approfondies avec prérequis et éléments communs...
official
react-native-brownfield-migration
callstackincubator
Propose une stratégie d'adoption incrémentale pour migrer des applications natives iOS ou Android vers React Native ou Expo en utilisant @callstack/react-native-brownfield pour une…
official