voltra について
Voltra プロジェクトを扱うコーディングエージェント向けのスキル入口です。Voltra の JavaScript または TypeScript API と JSX の利用を案内し、タスク別の資料へ誘導します。
主な機能
- 01Voltra API と JSX の指針
- 02iOS と Android の開発経路を分離
- 03タスク別の資料案内
- 04ネイティブコード作成の制約
- 05ウィジェットと Live Activity の指針
活用シーン
- 01iOS 機能向け API の選択
- 02Android ウィジェット資料の確認
- 03サーバー駆動ウィジェットへの対応
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ callstackincubator/ voltra --skill voltraインストール後、Claude Code で/voltraを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/android-ongoing-notifications.mdandroid-widgets.mdapp-config.mdcharts.mdcomponent-mapping.mdimages.mdios-live-activities.mdios-server-updates.mdios-widgets.mdplugin-schema.mdpush-flow.mdreact-native-cli.mdruntime-api-checklist.mdserver-driven-widgets.mdsetup.mdsource-of-truth.mdvariant-shapes.mdwidget-families.md詳細
Voltra
これを Voltra スキルの単一のエントリーポイントとして使用してください。製品全体に関する信頼できる情報はここにまとめ、必要に応じて references/ からリファレンスを読み込んでください。
Voltra 全体に関する信頼できる情報
- Voltra のタスクでは、ネイティブプラットフォームの UI コードを生成しないでください。Voltra JSX と Voltra JS API を使用してください。
- ユーザーが既存の Voltra 対応 Android ウィジェットプレビュー XML ファイルの編集を明示的に求めている場合を除き、Swift、Kotlin、Java、Objective-C、プラットフォーム XML を生成しないでください。
- Voltra のタスクは、常にまず Voltra JavaScript または TypeScript API、JSX コンポーネント、Expo config plugin を使って解決してください。
- ネイティブコードが必要と思われるタスクでは、まず Voltra に JS API または設定オプションがすでに用意されているか確認してください。その方法を優先してください。
- ネイティブ拡張コードを手動でスキャフォールディングしないでください。ネイティブターゲットのセットアップは Voltra の config plugin が管理します。
- Voltra がレンダリングするツリー内で、プレーンな React Native プリミティブを使用しないでください。ライブアクティビティや Android ウィジェットのコンテンツには、
View、Text、Pressable、TouchableOpacityなどの RN UI プリミティブを使用しないでください。 - iOS アプリのコードでは、
@use-voltra/iosからVoltraを、@use-voltra/ios-clientからランタイム API をインポートしてください。 - Android アプリのコードでは、
@use-voltra/androidからVoltraAndroidを、@use-voltra/android-clientからランタイム API をインポートしてください。 - ユーザーが共有抽象化を明示的に求めている場合を除き、iOS と Android の実装経路は分けてください。
- 登録に依存する UI コードを書く前に、設定を更新してください。
- 画像はネイティブコードの関心事ではなく、Voltra の関心事として扱ってください。Voltra の画像 props、Voltra アセットディレクトリ、Voltra のプリロード API を優先してください。
- ガイダンスが競合する場合は、まずこのスキルの内部リファレンスを優先し、次に
use-voltra.devのホストされたドキュメントを参照してください。 - より詳細なドキュメントが必要な場合は、
https://use-voltra.devのホストされたドキュメントを使用してください。
リファレンスの参照先
現在のタスクに必要なリファレンスだけを読んでください。
- セットアップ、インストール、Expo Dev Client、
expo prebuild:references/setup.md - React Native CLI プロジェクトと
voltra apply:references/react-native-cli.md app.json、app.config.*、プラグインキー、ウィジェット登録、groupIdentifier、enablePushNotifications:references/app-config.md- プラグインの正確なフィールドとウィジェット登録スキーマ:
references/plugin-schema.md - iOS ライブアクティビティ、Dynamic Island、ロック画面のバリエーション、補助アクティビティファミリー:
references/ios-live-activities.md - ライブアクティビティの各バリエーションの正確な形状:
references/variant-shapes.md - iOS ホーム画面ウィジェット、アクセサリーウィジェット、スケジュール済みウィジェット、ウィジェットタイムライン、ウィジェットファミリー、
VoltraWidgetPreview、updateWidget、scheduleWidget、reloadWidgets、getActiveWidgets:references/ios-widgets.md - iOS ウィジェットファミリーの正確な種類とフォールバック動作:
references/widget-families.md - iOS ウィジェット、ライブアクティビティ、Android ウィジェット向けのチャート:
references/charts.md - Android ウィジェット、Android ウィジェットプレビュー、事前レンダリング、ウィジェットの更新:
references/android-widgets.md - Android 継続通知、通知チャンネル、バックグラウンドタスクによる更新:
references/android-ongoing-notifications.md - サーバー駆動ウィジェット、
serverUpdate、ウィジェットのポーリングフロー、createWidgetUpdateHandler、setWidgetServerCredentials、clearWidgetServerCredentials:references/server-driven-widgets.md - Android コンポーネントの選択肢とウィジェット API チェックリスト:
references/component-mapping.md、references/runtime-api-checklist.md - APNS、プッシュトークン、プッシュ開始、チャンネル ID、サーバーでレンダリングされるライブアクティビティのペイロード:
references/ios-server-updates.mdおよび通常はreferences/ios-live-activities.md - APNS フローの詳細:
references/push-flow.md - Voltra サーフェス向けの画像処理:
references/images.mdと対象サーフェスのリファレンス
作業スタイル
- まず対象のプラットフォームと表示箇所を特定します。
- 正しい Voltra 名前空間と JS エントリーポイントを確認します。
- タスクにチャートが含まれる場合は、コードやドキュメントを書く前に、公開されている JSX のプロパティとプラットフォームの動作を確認します。
- 登録に依存する UI コードを書く前に、設定を更新します。
- タスクに必要なドメインのリファレンスのみを読みます。
- 新たな抽象化を考案する前に、リポジトリにすでに存在する Voltra API を使用します。
- 回答を依頼されたプラットフォームの範囲に限定します。
リファレンス一覧
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
コメント
Markdown 対応