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应用交互。支持iOS模拟器/设备和Android模拟器/设备,具备会话绑定自动化、多租户远程守护进程模式以及面向QA工作流的设备级隔离。核心命令包括:用于UI发现及元素引用的snapshot、用于交互操作的press/fill/scroll、用于应用生命周期管理的open/close、以及用于二进制部署的install/reinstall。附带日志记录、网络检查等实用工具……
official
dogfood
callstackincubator
系统性地在iOS/Android上使用agent-device探索和测试移动应用,以发现漏洞、用户体验问题及其他问题。在需要内部测试、质量保证等场景下使用。
official
react-devtools
callstackincubator
从agent-device检查和剖析React Native组件树。用于React Native性能、分析、属性、状态、钩子、渲染原因、缓慢…
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
适用于React Native iOS模拟器和Android模拟器云端构建的GitHub Actions工作流模式,支持可下载的构建产物。用于配置CI构建…
official
react-native-best-practices
callstackincubator
面向React Native应用的结构化性能优化参考,涵盖FPS、包体积、TTI和内存。包含9份JavaScript/React指南(性能分析、列表、动画、内存)、9份原生优化指南(Turbo Modules、线程、性能分析)和9份打包指南(摇树优化、代码拆分、体积分析)。每份参考采用混合格式,包含快速模式/命令、影响评级(关键/高/中)以及深度解析说明(含前置条件和常见...)
official
react-native-brownfield-migration
callstackincubator
提供一种增量采用策略,用于将原生 iOS 或 Android 应用迁移到 React Native 或 Expo,并使用 @callstack/react-native-brownfield 进行初始…
official