Construir, revisar, refactorizar, configurar o depurar código Voltra usando Voltra JSX, las APIs de Voltra JS y el plugin de configuración de Expo. Usar cuando el usuario pregunte sobre gráficos,…

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

Más skills de callstackincubator

agent-device
callstackincubator
Automatiza interacciones con apps de iOS y Android mediante descubrimiento basado en instantáneas y reproducción impulsada por selectores. Compatible con simuladores/dispositivos iOS y emuladores/dispositivos Android con automatización vinculada a sesiones, modo demonio remoto multiinquilino y aislamiento de alcance de dispositivo para flujos de trabajo de QA. Comandos principales: snapshot para descubrimiento de UI con referencias, press / fill / scroll para interacciones, open / close para ciclo de vida de apps, install / reinstall para despliegue de binarios. Incluye utilidades para registro, inspección de red,...
official
dogfood
callstackincubator
Explorar y probar sistemáticamente una aplicación móvil en iOS/Android con agent-device para encontrar errores, problemas de UX y otros fallos. Usar cuando se pida dogfood, QA,…
official
react-devtools
callstackincubator
Inspeccionar y perfilar árboles de componentes React Native desde agent-device. Usar para rendimiento de React Native, perfilado, props, estado, hooks, causas de renderizado, lentitud…
official
react-devtools
callstackincubator
CLI de React DevTools para agentes de IA. Úsalo cuando el usuario te pida depurar una aplicación React o React Native en tiempo de ejecución, inspeccionar props/estado/hooks de componentes, diagnosticar…
official
github
callstackincubator
Automatización del flujo de trabajo de GitHub mediante la CLI de gh para solicitudes de extracción, PR apiladas y gestión de repositorios. Proporciona un flujo de trabajo de fusión de PR apiladas: fusionar squash de la primera PR, luego reorganizar y actualizar la rama base para cada PR subsiguiente en la cadena. Incluye detección de conflictos y avisos de resolución manual para evitar fallos silenciosos durante fusiones de múltiples PR. Cubre operaciones principales de la CLI de gh: creación de PR, comprobaciones de estado, fusión squash/rebase y gestión de ramas. Optimizado para uso de bajo contexto al depender de la CLI de gh...
official
github-actions
callstackincubator
Patrones de flujo de trabajo de GitHub Actions para compilaciones en la nube del simulador de iOS y el emulador de Android de React Native con artefactos descargables. Úselo al configurar la compilación de CI…
official
react-native-best-practices
callstackincubator
Referencia estructurada de optimización de rendimiento para aplicaciones React Native que cubre FPS, tamaño del bundle, TTI y memoria. Organizada en 9 guías de JavaScript/React (perfilado, listas, animaciones, memoria), 9 guías de optimización nativa (Turbo Modules, threading, perfilado) y 9 guías de empaquetado (tree shaking, división de código, análisis de tamaño). Cada referencia sigue un formato híbrido con patrones/comandos rápidos, clasificaciones de impacto (CRÍTICO/ALTO/MEDIO) y explicaciones detalladas con requisitos previos y aspectos comunes...
official
react-native-brownfield-migration
callstackincubator
Proporciona una estrategia de adopción incremental para migrar aplicaciones nativas de iOS o Android a React Native o Expo utilizando @callstack/react-native-brownfield para la fase inicial…
official