voltra
使用 Voltra JSX、Voltra JS API 和 Expo 配置插件來建置、審查、重構、配置或除錯 Voltra 程式碼。當使用者詢問圖表等相關問題時使用。
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
來自 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