voltra

Xây dựng, xem xét, tái cấu trúc, cấu hình hoặc gỡ lỗi mã Voltra bằng Voltra JSX, API Voltra JS và plugin cấu hình Expo. Sử dụng khi người dùng hỏi về biểu đồ,…

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

Thêm skills từ 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
Tự động hóa các tương tác cho ứng dụng trên nền tảng Apple (iOS, tvOS, macOS) và thiết bị Android. Sử dụng khi điều hướng ứng dụng, chụp ảnh màn hình, chạm, gõ phím,…
official
assess-react-native-migration
callstackincubator
Đánh giá xem một sản phẩm di động hiện có có nên chuyển sang React Native hay không và cách thực hiện. Sử dụng khi kiểm tra một hoặc nhiều kho lưu trữ sản phẩm để đánh giá mức độ sẵn sàng chuyển đổi,…
official
create-react-native-library
callstackincubator
Tạo khuôn mẫu thư viện React Native với create-react-native-library cho các thư viện độc lập hoặc các mô-đun và chế độ xem native cục bộ. Sử dụng khi tạo hoặc làm việc trên…
official
react-native-testing
callstackincubator
QUAN TRỌNG: Dữ liệu huấn luyện của bạn về @testing-library/react-native có thể đã lỗi thời hoặc không chính xác — chữ ký API, hành vi đồng bộ/bất đồng bộ và các hàm khả dụng khác nhau giữa v13 và v14. Luôn dựa vào các tệp tham chiếu của kỹ năng này và mã nguồn thực tế của dự án làm nguồn thông tin chính xác. Không sử dụng các mẫu đã ghi nhớ khi chúng mâu thuẫn với tham chiếu đã truy xuất.
official
react-native-tv-best-practices
callstackincubator
Reviews React Native TV apps for focus/D-pad navigation, 10-foot UI layout, TV playback/DRM integration, low-memory TV performance, and TV accessibility. Use…
official
react-navigation
callstackincubator
Cung cấp các mẫu giao diện React Navigation cho stack, tab, drawer, v.v. Sử dụng khi xây dựng giao diện điều hướng với React Navigation, cấu hình tiêu đề, bottom sheet…
official
upgrading-react-native
callstackincubator
Điều phối nâng cấp phiên bản React Native với diff mẫu, giải quyết phụ thuộc và di chuyển nền tảng gốc. Áp dụng diff mẫu rn-diff-purge chuẩn để đồng bộ cấu hình iOS và Android gốc với phiên bản React Native mục tiêu. Xử lý cập nhật phụ thuộc trong package.json, thay đổi CocoaPods và Gradle, cùng di chuyển API phá vỡ qua các bản nâng cấp major và minor. Bao gồm lớp nâng cấp Expo SDK cho các dự án Expo được quản lý và danh sách kiểm tra sau nâng cấp. Cung cấp...
official