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 的更多技能

agent-device
callstackincubator
自動化 iOS 與 Android 應用程式互動,支援基於快照的 UI 探索與選擇器驅動的回放。適用於 iOS 模擬器/裝置及 Android 模擬器/裝置,提供會話綁定自動化、多租戶遠端守護程式模式,以及裝置層級隔離以支援 QA 工作流程。核心指令包括:用於 UI 探索的 snapshot(附參考標記)、用於互動的 press / fill / scroll、用於應用程式生命週期的 open / close、用於二進位部署的 install / reinstall。包含日誌記錄、網路檢測等工具。
official
dogfood
callstackincubator
系統性地探索並測試 iOS/Android 上的行動應用程式,透過 agent-device 找出錯誤、使用者體驗問題及其他問題。在需要進行 dogfood、QA 等測試時使用。
official
react-devtools
callstackincubator
從 agent-device 檢查並分析 React Native 元件樹。用於 React Native 效能、分析、props、state、hooks、渲染原因、緩慢…
official
react-devtools
callstackincubator
React DevTools CLI,專為AI代理設計。當使用者要求你在執行時除錯React或React Native應用程式、檢查元件屬性/狀態/鉤子、診斷…時使用。
official
github
callstackincubator
透過 gh CLI 實現 GitHub 工作流程自動化,涵蓋拉取請求、堆疊式 PR 及儲存庫管理。提供堆疊式 PR 合併工作流程:對第一個 PR 進行壓縮合併,接著對鏈中後續每個 PR 進行變基並更新基礎分支。包含衝突偵測與手動解決提示,以防止多 PR 合併期間的無聲失敗。涵蓋核心 gh CLI 操作:PR 建立、狀態檢查、壓縮/變基合併及分支管理。透過依賴 gh CLI 最佳化低上下文使用情境。
official
github-actions
callstackincubator
GitHub Actions 工作流程模式,用於 React Native iOS 模擬器和 Android 模擬器雲端建置,並提供可下載的建置產物。適用於設定 CI 建置…
official
react-native-best-practices
callstackincubator
針對 React Native 應用程式的結構化效能最佳化參考,涵蓋 FPS、套件大小、TTI 與記憶體。分為 9 份 JavaScript/React 指南(效能分析、列表、動畫、記憶體)、9 份原生最佳化指南(Turbo Modules、執行緒、效能分析)以及 9 份打包指南(樹狀搖晃、程式碼分割、大小分析)。每份參考採用混合格式,包含快速模式/指令、影響評級(CRITICAL/HIGH/MEDIUM),以及附有先備知識與常見問題的深入說明。
official
react-native-brownfield-migration
callstackincubator
提供一種增量採用策略,將原生 iOS 或 Android 應用程式遷移至 React Native 或 Expo,使用 @callstack/react-native-brownfield 進行初始…
official