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 voltraVoltra
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
Voltrafrom@use-voltra/iosand runtime APIs from@use-voltra/ios-client. - For Android app code, import
VoltraAndroidfrom@use-voltra/androidand 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.devwhen 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.mdand usuallyreferences/ios-live-activities.md - Exact APNS flow details:
references/push-flow.md - Image handling for Voltra surfaces:
references/images.mdplus the target surface reference
Working Style
- Identify the target platform and surface first.
- Confirm the correct Voltra namespace and JS entrypoint.
- If the task involves charts, verify the public JSX props and platform behavior before writing code or docs.
- Update config before writing registration-dependent UI code.
- Read only the domain references needed for the task.
- Use Voltra APIs that already exist in the repo before inventing new abstractions.
- Keep answers scoped to the requested platform.
Reference Index
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
Thêm skills từ callstackincubator
agent-device
callstackincubator
Tự động hóa tương tác ứng dụng iOS và Android với khám phá dựa trên ảnh chụp nhanh và phát lại dựa trên bộ chọn. Hỗ trợ trình mô phỏng/thiết bị iOS và trình giả lập/thiết bị Android với tự động hóa theo phiên, chế độ daemon từ xa đa người thuê và cách ly phạm vi thiết bị cho quy trình QA. Các lệnh cốt lõi: snapshot để khám phá UI với tham chiếu, press / fill / scroll để tương tác, open / close cho vòng đời ứng dụng, install / reinstall để triển khai nhị phân. Bao gồm các tiện ích cho ghi nhật ký, kiểm tra mạng,...
official
dogfood
callstackincubator
Khám phá và kiểm tra một ứng dụng di động trên iOS/Android một cách có hệ thống với agent-device để tìm lỗi, vấn đề UX và các vấn đề khác. Sử dụng khi được yêu cầu dogfood, QA,…
official
react-devtools
callstackincubator
Kiểm tra và lập hồ sơ cây thành phần React Native từ agent-device. Sử dụng cho hiệu suất, lập hồ sơ, props, state, hooks, nguyên nhân render, chậm… của React Native.
official
react-devtools
callstackincubator
CLI React DevTools dành cho các tác nhân AI. Sử dụng khi người dùng yêu cầu bạn gỡ lỗi ứng dụng React hoặc React Native trong thời gian chạy, kiểm tra props/state/hooks của component, chẩn đoán…
official
github
callstackincubator
Tự động hóa quy trình làm việc GitHub qua gh CLI cho pull request, stacked PR và quản lý kho lưu trữ. Cung cấp quy trình hợp nhất stacked PR: squash-merge PR đầu tiên, sau đó rebase và cập nhật nhánh cơ sở cho từng PR tiếp theo trong chuỗi. Bao gồm phát hiện xung đột và lời nhắc giải quyết thủ công để ngăn lỗi im lặng trong quá trình hợp nhất nhiều PR. Bao gồm các thao tác gh CLI cốt lõi: tạo PR, kiểm tra trạng thái, hợp nhất squash/rebase và quản lý nhánh. Được tối ưu hóa cho việc sử dụng ít ngữ cảnh bằng cách dựa vào gh CLI...
official
github-actions
callstackincubator
Các mẫu quy trình GitHub Actions cho bản dựng đám mây trên trình giả lập iOS React Native và trình mô phỏng Android với các tạo phẩm có thể tải xuống. Sử dụng khi thiết lập bản dựng CI…
official
react-native-best-practices
callstackincubator
Tài liệu tham khảo tối ưu hóa hiệu suất có cấu trúc cho ứng dụng React Native, bao gồm FPS, kích thước bundle, TTI và bộ nhớ. Được tổ chức thành 9 hướng dẫn JavaScript/React (lập hồ sơ, danh sách, hoạt ảnh, bộ nhớ), 9 hướng dẫn tối ưu hóa gốc (Turbo Modules, luồng, lập hồ sơ) và 9 hướng dẫn đóng gói (tree shaking, code splitting, phân tích kích thước). Mỗi tài liệu tham khảo tuân theo định dạng kết hợp với các mẫu/lệnh nhanh, xếp hạng tác động (CRITICAL/HIGH/MEDIUM) và giải thích chuyên sâu kèm điều kiện tiên
official
react-native-brownfield-migration
callstackincubator
Cung cấp chiến lược áp dụng gia tăng để di chuyển ứng dụng iOS hoặc Android gốc sang React Native hoặc Expo bằng @callstack/react-native-brownfield cho giai đoạn đầu…
official