voltra
สร้าง ตรวจสอบ ปรับโครงสร้าง กำหนดค่า หรือดีบักโค้ด Voltra โดยใช้ Voltra JSX, Voltra JS APIs และ Expo config plugin ใช้เมื่อผู้ใช้สอบถามเกี่ยวกับแผนภูมิ...
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
Skills เพิ่มเติมจาก callstackincubator
agent-device
callstackincubator
ทำงานอัตโนมัติสำหรับการโต้ตอบกับแอป iOS และ Android ด้วยการค้นหาแบบสแนปช็อตและการเล่นซ้ำแบบเลือกโดยใช้ตัวเลือก รองรับ iOS simulator/อุปกรณ์และ Android emulator/อุปกรณ์พร้อมระบบอัตโนมัติแบบผูกเซสชัน โหมดเดมอนระยะไกลแบบหลายผู้เช่า และการแยกขอบเขตอุปกรณ์สำหรับเวิร์กโฟลว์ QA คำสั่งหลัก: snapshot สำหรับการค้นหา UI พร้อม refs, press / fill / scroll สำหรับการโต้ตอบ, open / close สำหรับวงจรชีวิตแอป, install / reinstall สำหรับการปรับใช้ไบนารี รวมถึงยูทิลิตี้สำหรับการบันทึก, การตรวจสอบเครือข่าย,...
official
dogfood
callstackincubator
สำรวจและทดสอบแอปมือถือบน iOS/Android อย่างเป็นระบบด้วย agent-device เพื่อค้นหาบั๊ก ปัญหาด้าน UX และปัญหาอื่นๆ ใช้เมื่อถูกขอให้ dogfood, QA,…
official
react-devtools
callstackincubator
ตรวจสอบและโปรไฟล์โครงสร้างต้นไม้ของคอมโพเนนต์ React Native จาก agent-device ใช้สำหรับประสิทธิภาพของ React Native, การทำโปรไฟล์, props, state, hooks, สาเหตุการเรนเดอร์, ความช้า…
official
react-devtools
callstackincubator
CLI ของ React DevTools สำหรับเอเจนต์ AI ใช้เมื่อผู้ใช้ขอให้คุณดีบักแอป React หรือ React Native ขณะรันไทม์ ตรวจสอบ props/state/hooks ของคอมโพเนนต์ วินิจฉัย…
official
github
callstackincubator
ระบบอัตโนมัติของเวิร์กโฟลว์ GitHub ผ่าน gh CLI สำหรับ pull requests, stacked PRs และการจัดการ repository มีเวิร์กโฟลว์การรวม stacked PR: squash-merge PR แรก จากนั้น rebase และอัปเดต base branch สำหรับ PR ถัดไปในแต่ละชุด รวมถึงการตรวจจับข้อขัดแย้งและคำแนะนำในการแก้ไขด้วยตนเองเพื่อป้องกันความล้มเหลวที่เงียบระหว่างการรวมหลาย PR ครอบคลุมการดำเนินการหลักของ gh CLI: การสร้าง PR, การตรวจสอบสถานะ, การรวมแบบ squash/rebase และการจัดการ branch ปรับให้เหมาะสมสำหรับการใช้งานในบริบทต่ำโดยอาศัย gh CLI...
official
github-actions
callstackincubator
รูปแบบเวิร์กโฟลว์ GitHub Actions สำหรับการสร้างระบบคลาวด์ของ iOS simulator และ Android emulator สำหรับ React Native พร้อมอาร์ติแฟกต์ที่ดาวน์โหลดได้ ใช้เมื่อตั้งค่า CI build…
official
react-native-best-practices
callstackincubator
คู่มืออ้างอิงการปรับแต่งประสิทธิภาพแบบมีโครงสร้างสำหรับแอป React Native ครอบคลุม FPS, ขนาดบัณฑิต, TTI และหน่วยความจำ จัดเป็น 9 คู่มือ JavaScript/React (การทำโปรไฟล์, รายการ, แอนิเมชัน, หน่วยความจำ), 9 คู่มือการปรับแต่งแบบเนทีฟ (Turbo Modules, การทำเธรด, การทำโปรไฟล์) และ 9 คู่มือการรวมบัณฑิต (tree shaking, การแยกโค้ด, การวิเคราะห์ขนาด) แต่ละคู่มืออ้างอิงเป็นรูปแบบไฮบริดที่มีรูปแบบ/คำสั่งด่วน, การจัดอันดับผลกระทบ (CRITICAL/HIGH/MEDIUM) และคำอธิบายเชิงลึกพร้อมข้อกำหนดเบื้องต้นและทั่วไป...
official
react-native-brownfield-migration
callstackincubator
ให้กลยุทธ์การนำไปใช้แบบค่อยเป็นค่อยไปเพื่อย้ายแอป iOS หรือ Android ดั้งเดิมไปยัง React Native หรือ Expo โดยใช้ @callstack/react-native-brownfield สำหรับเริ่มต้น…
official