voltra

Voltra 코드를 빌드, 검토, 리팩터링, 구성 또는 디버깅할 때 Voltra JSX, Voltra JS API 및 Expo config 플러그인을 사용합니다. 사용자가 차트에 대해 질문할 때 사용하세요.

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

callstackincubator의 다른 스킬

agent-device
callstackincubator
iOS 및 Android 앱 상호작용을 스냅샷 기반 탐색과 선택자 기반 재생으로 자동화합니다. iOS 시뮬레이터/기기 및 Android 에뮬레이터/기기를 지원하며, 세션 기반 자동화, 멀티테넌트 원격 데몬 모드, QA 워크플로를 위한 기기 범위 격리를 제공합니다. 핵심 명령어: UI 탐색을 위한 스냅샷(refs 포함), 상호작용을 위한 press/fill/scroll, 앱 라이프사이클을 위한 open/close, 바이너리 배포를 위한 install/reinstall. 로깅, 네트워크 검사 등을 위한 유틸리티가 포함되어 있습니다.
official
dogfood
callstackincubator
iOS/Android 모바일 앱을 에이전트-디바이스로 체계적으로 탐색 및 테스트하여 버그, UX 문제 및 기타 문제를 찾습니다. dogfood, QA 등을 요청받았을 때 사용하세요.
official
react-devtools
callstackincubator
에이전트 디바이스에서 React Native 컴포넌트 트리를 검사하고 프로파일링합니다. React Native 성능, 프로파일링, props, state, hooks, 렌더링 원인, 느린…에 사용합니다.
official
react-devtools
callstackincubator
React DevTools CLI for AI agents. 사용자가 런타임에 React 또는 React Native 앱을 디버깅하고, 컴포넌트 props/state/hooks를 검사하며, 진단하도록 요청할 때 사용하세요.
official
github
callstackincubator
GitHub 워크플로우 자동화를 gh CLI를 통해 풀 리퀘스트, 스택형 PR, 리포지토리 관리에 제공합니다. 스택형 PR 병합 워크플로우를 제공합니다: 첫 번째 PR을 스쿼시 병합한 후, 체인 내 각 후속 PR에 대해 리베이스 및 베이스 브랜치 업데이트를 수행합니다. 다중 PR 병합 중 무음 실패를 방지하기 위한 충돌 감지 및 수동 해결 프롬프트를 포함합니다. 핵심 gh CLI 작업을 다룹니다: PR 생성, 상태 확인, 스쿼시/리베이스 병합, 브랜치 관리. gh CLI에 의존하여 낮은 컨텍스트 사용에 최적화되었습니다...
official
github-actions
callstackincubator
React Native iOS 시뮬레이터 및 Android 에뮬레이터 클라우드 빌드에 대한 GitHub Actions 워크플로우 패턴으로, 다운로드 가능한 아티팩트를 제공합니다. CI 빌드를 설정할 때 사용하세요.
official
react-native-best-practices
callstackincubator
React Native 앱의 FPS, 번들 크기, TTI, 메모리를 다루는 구조화된 성능 최적화 참고 자료입니다. 9개의 JavaScript/React 가이드(프로파일링, 리스트, 애니메이션, 메모리), 9개의 네이티브 최적화 가이드(터보 모듈, 스레딩, 프로파일링), 9개의 번들링 가이드(트리 쉐이킹, 코드 분할, 크기 분석)로 구성되어 있습니다. 각 참고 자료는 빠른 패턴/명령어, 영향 등급(CRITICAL/HIGH/MEDIUM), 사전 조건과 일반적인 내용을 포함한 심층 설명이 포함된 하이브리드 형식을 따릅니다.
official
react-native-brownfield-migration
callstackincubator
네이티브 iOS 또는 Android 앱을 React Native나 Expo로 마이그레이션하기 위한 점진적 도입 전략을 제공하며, 초기 단계에서 @callstack/react-native-brownfield를 사용합니다.
official