voltra

作成者: callstackincubator

Voltraコードのビルド、レビュー、リファクタリング、設定、デバッグを、Voltra JSX、Voltra JS API、Expo設定プラグインを使用して行います。ユーザーがチャートについて質問した場合などに使用します。

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に移行すべきか、またその方法を評価します。1つ以上のプロダクトリポジトリの移行準備状況を監査する際に使用します。…
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パッドナビゲーション、10フィートUIレイアウト、TV再生/DRM統合、低メモリTVパフォーマンス、TVアクセシビリティをレビューします。使用…
official
react-navigation
callstackincubator
React Navigationのスタック、タブ、ドロワーなどのUIパターンを提供します。React Navigationを使用したナビゲーションUIの構築や、ヘッダー、ボトムシートの設定などに使用します。
official
upgrading-react-native
callstackincubator
We need to translate the given English text into Japanese, preserving the name "upgrading-react-native" only if it appears in the source text. The source text does not include the name; it's just the description. So we translate the description. Keep technical terms like "React Native", "rn-diff-purge", "CocoaPods", "Gradle", "Expo SDK", "package.json", "API", etc. as is. Translate the rest naturally. The text: "Orchestrates React Native version upgrades with template diffs, dependency resolution, and native platform migration. Applies canonical rn-diff-purge template diffs to align native iOS and Android configuration with target React Native versions Handles package.json dependency updates, CocoaPods and Gradle changes, and breaking API migrations across major and minor version bumps Includes Expo SDK upgrade layer for managed Expo projects and post-upgrade verification checklist Provides..." We need to output only the translation, no extra commentary. Ensure it's a single paragraph or as close as possible. The original has some missing
official