voltra

使用 Voltra JSX、Voltra JS API 和 Expo 配置插件來建置、審查、重構、配置或除錯 Voltra 程式碼。當使用者詢問圖表等相關問題時使用。

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

來自 callstackincubator 的更多技能

react-devtools
callstackincubator
React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose…
official
agent-device
callstackincubator
Automates interactions for Apple-platform apps (iOS, tvOS, macOS) and Android devices. Use when navigating apps, taking snapshots/screenshots, tapping, typing,…
official
assess-react-native-migration
callstackincubator
評估現有行動產品是否以及應如何遷移至 React Native。在審計一個或多個產品儲存庫以確認遷移準備情況時使用,…
official
create-react-native-library
callstackincubator
使用 create-react-native-library 搭建 React Native 函式庫,適用於獨立函式庫或本地原生模組與檢視。在建立或處理…時使用。
official
react-native-testing
callstackincubator
重要提示:您關於 @testing-library/react-native 的訓練資料可能已過時或不正確——v13 與 v14 之間的 API 簽名、同步/非同步行為及可用函式有所不同。請務必以本技能的參考檔案及專案實際原始碼為準。當檢索到的參考資料與記憶中的模式衝突時,請勿依賴記憶中的模式。
official
react-native-tv-best-practices
callstackincubator
審查 React Native TV 應用程式的焦點/D-pad 導航、10 英尺 UI 佈局、電視播放/DRM 整合、低記憶體電視效能及電視無障礙功能。使用…
official
react-navigation
callstackincubator
提供堆疊、標籤頁、抽屜等 React Navigation UI 模式。在搭配 React Navigation 建構導航 UI、設定標題列、底部工作表等情境時使用。
official
upgrading-react-native
callstackincubator
協調 React Native 版本升級,包含模板差異比對、依賴解析及原生平台遷移。套用標準的 rn-diff-purge 模板差異,使原生 iOS 與 Android 配置與目標 React Native 版本保持一致。處理 package.json 依賴更新、CocoaPods 與 Gradle 變更,以及主要與次要版本升級間的破壞性 API 遷移。包含 Expo SDK 升級層(適用於受管理的 Expo 專案)與升級後驗證檢查清單。提供...
official