voltra

สร้าง ตรวจสอบ ปรับโครงสร้าง กำหนดค่า หรือดีบักโค้ด Voltra โดยใช้ Voltra JSX, Voltra JS APIs และ Expo config plugin ใช้เมื่อผู้ใช้สอบถามเกี่ยวกับแผนภูมิ...

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

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