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のその他のスキル

agent-device
callstackincubator
iOSおよびAndroidアプリの操作を自動化し、スナップショットベースのUI探索とセレクタ駆動のリプレイを実現。iOSシミュレータ/実機およびAndroidエミュレータ/実機に対応し、セッション単位の自動化、マルチテナント対応のリモートデーモンモード、QAワークフロー向けのデバイススコープ分離を提供。コアコマンド:UI探索用のスナップショット(参照付き)、操作(press/fill/scroll)、アプリライフサイクル(open/close)、バイナリデプロイ(install/reinstall)。ログ、ネットワークインスペクションなどのユーティリティを含む。
official
dogfood
callstackincubator
iOS/Androidのモバイルアプリをエージェントデバイスで体系的に探索・テストし、バグやUXの問題、その他の課題を発見します。dogfoodやQAを依頼された際に使用します。
official
react-devtools
callstackincubator
エージェントデバイスからReact Nativeコンポーネントツリーを検査・プロファイリングします。React Nativeのパフォーマンス、プロファイリング、props、state、フック、レンダリング原因、低速処理などに使用します。
official
react-devtools
callstackincubator
React DevTools CLI for AIエージェント。ユーザーがReactまたはReact Nativeアプリのランタイムデバッグ、コンポーネントのprops/state/hooksの検査、診断を依頼した場合に使用します…
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