Skills Expo

เพิ่มเป้าหมาย iOS App Clip ให้กับแอป Expo ใช้เมื่อผู้ใช้พูดถึง App Clip, AASA, apple-app-site-association, appclips, สมาร์ทแอปแบนเนอร์ หรือต้องการส่ง...

ทดสอบฟีเจอร์ Expo Router บนอีมูเลเตอร์ Android โดยใช้ ADB ใช้หลังจากที่ได้ใช้งานฟีเจอร์เนทีฟ Android หรือเมื่อต้องการตรวจสอบพฤติกรรม UI บน Android

Test Expo Router features on Android emulators using ADB. Use after implementing native Android features or when verifying UI behavior on Android.

Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.

ใช้เมื่อสร้าง UI ของ Android ด้วย Jetpack Compose จัดการสถานะด้วย remember/mutableStateOf หรือใช้รูปแบบ UI แบบประกาศ

Guidelines for creating API routes in Expo Router with EAS Hosting

คู่มือฉบับสมบูรณ์สำหรับการสร้างแอป Expo ดั้งเดิม พร้อมการกำหนดเส้นทาง การจัดสไตล์ คอมโพเนนต์ และข้อกำหนดของแพลตฟอร์ม ครอบคลุมพื้นฐานของ Expo Router แท็บดั้งเดิม การนำทางแบบสแต็ก โมดอล และฟอร์มชีต พร้อมโครงสร้างเส้นทางโดยละเอียด รวมถึงกฎการจัดสไตล์ที่สอดคล้องกับแนวทางของ Apple Human Interface: เลย์เอาต์แบบ flexbox การจัดการพื้นที่ปลอดภัย แอนิเมชัน เงาผ่าน CSS boxShadow และรูปแบบการออกแบบที่ตอบสนอง เอกสารเกี่ยวกับไลบรารีที่ต้องการ (expo-image สำหรับ SF Symbols, expo-audio, expo-video,...

คู่มือฉบับสมบูรณ์สำหรับการสร้างแอปที่สวยงามด้วย Expo Router ครอบคลุมพื้นฐาน การจัดสไตล์ คอมโพเนนต์ การนำทาง แอนิเมชัน รูปแบบ และแท็บเนทีฟ

ช่วยทำความเข้าใจและเขียนไฟล์ YAML ของ EAS workflow สำหรับโปรเจกต์ Expo ใช้ทักษะนี้เมื่อผู้ใช้ถามเกี่ยวกับ CI/CD หรือ workflow ในบริบทของ Expo หรือ EAS,…

ใช้เมื่อกำลังดำเนินการหรือดีบักคำขอเครือข่าย การเรียก API หรือการดึงข้อมูลใดๆ ครอบคลุม fetch API, axios, React Query, SWR, การจัดการข้อผิดพลาด, การแคช…

In-depth design-focused code review - understands codebase context before evaluating PR changes, posts structured feedback to GitHub

การตรวจสอบโค้ดเชิงลึกที่เน้นการออกแบบ - เข้าใจบริบทของฐานโค้ดก่อนประเมินการเปลี่ยนแปลงของ PR โพสต์ข้อเสนอแนะที่มีโครงสร้างไปยัง GitHub

การปรับใช้แอป Expo ไปยัง iOS App Store, Android Play Store, โฮสติ้งเว็บ และเส้นทาง API

สร้างและแจกจ่าย Expo development clients ในเครื่องหรือผ่าน TestFlight

EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json…

บริการ EAS (เสียค่าใช้จ่าย) ปรับใช้แอป Expo ไปยังร้านค้าแอปด้วย EAS - สร้างและส่งไปยัง iOS App Store, Google Play Store และ TestFlight กำหนดค่า eas.json…

EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs,…

บริการ EAS (มีค่าใช้จ่าย) ปรับใช้เว็บไซต์ Expo และเส้นทาง API ของ Expo Router ไปยัง EAS Hosting - ส่งออกชุดเว็บ เรียกใช้ eas deploy สำหรับ URL ตัวอย่างการผลิตและ PR

EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Check the health of published EAS Update: crash rates, install/launch counts, unique users, payload size, and the split between embedded…

ตรวจสอบสถานะของ EAS Updates ที่เผยแพร่แล้ว: อัตราการขัดข้อง, จำนวนการติดตั้ง/เปิดใช้งาน, ผู้ใช้ที่ไม่ซ้ำ, ขนาด payload, และการแบ่งระหว่างผู้ใช้แบบฝังและ OTA ต่อ…

EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD or workflows in an Expo…

บริการ EAS (มีค่าใช้จ่าย) ช่วยทำความเข้าใจและเขียนไฟล์ YAML สำหรับเวิร์กโฟลว์ EAS ในโปรเจกต์ Expo ใช้ทักษะนี้เมื่อผู้ใช้ถามเกี่ยวกับ CI/CD หรือเวิร์กโฟลว์ใน Expo…

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

Write TSDoc comments for Expo SDK APIs following official conventions. MUST USE when introducing new user-facing TypeScript APIs in expo-* packages - document…

เขียนความคิดเห็น TSDoc สำหรับ Expo SDK APIs ตามหลักปฏิบัติทางการ ต้องใช้เมื่อแนะนำ TypeScript APIs ใหม่ที่ผู้ใช้เห็นในแพ็กเกจ expo-* - เอกสาร…

เส้นทาง API ใน Expo Router สำหรับตรรกะฝั่งเซิร์ฟเวอร์ ความลับ และการผสานรวมกับบุคคลที่สามบน EAS Hosting สร้างเส้นทางด้วยนามสกุล +api.ts ในไดเรกทอรี app; ส่งออกฟังก์ชันที่มีชื่อสำหรับเมธอด HTTP (GET, POST, PUT, DELETE) จัดการพารามิเตอร์คิวรี ส่วนหัว เนื้อหา JSON และส่วนเส้นทางแบบไดนามิก; เพิ่มส่วนหัว CORS สำหรับไคลเอนต์เว็บ เข้าถึงความลับฝั่งเซิร์ฟเวอร์ผ่าน process.env; ตั้งค่าตัวแปรในเครื่องในไฟล์ .env หรือผ่าน eas env:create สำหรับการใช้งานจริง ปรับใช้กับ EAS Hosting (Cloudflare Workers) ด้วย eas...

Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner,…

เฟรมเวิร์ก (โอเพนซอร์ส) เพิ่มเป้าหมาย iOS App Clip ให้กับแอป Expo ใช้เมื่อผู้ใช้พูดถึง App Clip, AASA, apple-app-site-association, appclips, smart app banner,…

Framework (OSS). รวม Expo และ React Native เข้ากับแอป iOS หรือ Android ที่มีอยู่เดิม ใช้เมื่อผู้ใช้พูดถึง brownfield, การฝัง React Native ใน…

เขียนและตรวจสอบไฟล์ YAML ของ CI/CD workflow สำหรับโปรเจกต์ Expo โดยดึง JSON schema ล่าสุดจาก API ของ Expo เพื่อให้แน่ใจว่า job types, parameters, triggers และ runner configurations เป็นปัจจุบัน รองรับ dynamic expressions โดยใช้ไวยากรณ์ ${{ }} พร้อม contexts สำหรับ GitHub events, workflow inputs, job outputs และ step results รวมถึงสคริปต์ตรวจสอบในตัวที่ตรวจสอบโครงสร้าง workflow กับ schema และรายงานข้อผิดพลาดก่อนการปรับใช้ พร้อมเอกสารอ้างอิงสำหรับไวยากรณ์...

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling,…

การปรับใช้แอป Expo อัตโนมัติไปยัง iOS App Store, Android Play Store, โฮสติ้งเว็บ และสภาพแวดล้อมพรีวิว รองรับการสร้างและส่งเวอร์ชันผลิตภัณฑ์สำหรับ iOS (App Store และ TestFlight) และ Android (Google Play Store) ด้วยคำสั่งเดียว รวมถึง EAS Hosting สำหรับการปรับใช้เว็บพร้อม URL พรีวิว PR อัตโนมัติและการรองรับโดเมนผลิตภัณฑ์ ให้ระบบอัตโนมัติ CI/CD ผ่าน EAS Workflows สำหรับการสร้างและส่งที่ถูกกระตุ้นเมื่อมีการพุชโค้ด การจัดการเวอร์ชันอัตโนมัติพร้อมรีโมท...

Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow,…

สร้าง Expo development clients แบบกำหนดเองสำหรับทดสอบโค้ดเนทีฟบนอุปกรณ์จริงผ่าน EAS Build หรือในเครื่อง จำเป็นเมื่อใช้โมดูลเนทีฟที่กำหนดเอง, เป้าหมาย Apple (วิดเจ็ต, app clips), หรือโค้ดเนทีฟของบุคคลที่สามที่ไม่มีใน Expo Go; ลองใช้ Expo Go ก่อนด้วย npx expo start รองรับการ build บนคลาวด์พร้อมส่ง TestFlight อัตโนมัติหรือ build ในเครื่องบนเครื่องของคุณ โดยสร้างไฟล์ .ipa (iOS) หรือ .apk / .aab (Android) ต้องกำหนดค่า eas.json ด้วยโปรไฟล์ development ที่ตั้งค่า...

Build custom Expo development clients for testing native code on physical devices via EAS Build or locally. Only needed when using custom native modules, Apple targets (widgets, app clips), or third-party native code not in Expo Go; try Expo Go first with npx expo start Supports cloud builds with automatic TestFlight submission or local builds on your machine, outputting .ipa (iOS) or .apk / .aab (Android) files Requires eas.json configuration with a development profile that sets...

Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end…

Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Migrate an existing Apple/Swift Expo native module from the Expo Modules API 1.0 definition DSL to the 2.0 macro API (sometimes called v2)…

Complete reference for building native modules and views with the Expo Modules API across Swift, Kotlin, and TypeScript. Covers module definition DSL (Function, AsyncFunction, Property, Constant, Events), native views, shared objects, and type system with examples in both Swift and Kotlin Includes lifecycle hooks for module initialization, iOS AppDelegate, and Android activity/application listeners Provides config plugin guidance for modifying Info.plist and AndroidManifest.xml, plus...

คู่มือสำหรับการสร้างและเขียนโมดูลและวิวเนทีฟของ Expo โดยใช้ Expo Modules API (Swift, Kotlin, TypeScript) ครอบคลุม DSL สำหรับนิยามโมดูล, เนทีฟ…

Framework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations,…

Framework (OSS). สร้างหน้าจอ Expo ที่สวยงามและให้ความรู้สึกเป็นเนทีฟ ครอบคลุมการจัดสไตล์ตาม Apple HIG, สีเชิงความหมาย, ตัวควบคุมเนทีฟ, SF Symbols, สื่อ, แอนิเมชัน, เอฟเฟกต์ภาพ, การไล่สี, การจัดเก็บข้อมูล และเลย์เอาต์ที่ตอบสนอง สำหรับการกำหนดเส้นทางและการนำทาง ให้ใช้สกิล expo-router

Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the…

Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should…

Run Expo's configured AI code reviewer on local changes or an expo/expo pull request, summarize findings and reviewer coverage, retain PR previews by default…

Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and…

เฟรมเวิร์ก (โอเพนซอร์ส) การนำทางและการกำหนดเส้นทางสำหรับ Expo Router ครอบคลุมเส้นทางแบบไฟล์ กลุ่มและเส้นทางไดนามิก การจัดระเบียบโฟลเดอร์ ลิงก์พร้อมตัวอย่างและเมนูบริบท สแต็กเนทีฟ ชื่อหน้า โมดอลและฟอร์มชีต NativeTabs ส่วนหัวและแถบเครื่องมือ และแถบค้นหาส่วนหัว

Evaluate Expo skills in this repo end-to-end - trigger accuracy, generated code quality, and runtime screenshots on iOS simulator and Android emulator via Expo…

ประเมินทักษะ Expo ใน repo นี้แบบ end-to-end - ความแม่นยำในการทริกเกอร์ คุณภาพของโค้ดที่สร้างขึ้น และภาพหน้าจอขณะรันไทม์บน iOS simulator และ Android emulator ผ่าน Expo…

Submit feedback on an Expo skill—or Expo itself—and control bundled anonymous usage telemetry (off by default / opt-in). Submit feedback with: npx --yes…

สไตล์ Tailwind CSS v4 สากลสำหรับแอป Expo บน iOS, Android และ Web รวม Tailwind CSS v4 กับ react-native-css และ NativeWind v5 ผ่าน Metro transformer โดยไม่ต้องกำหนดค่า Babel มีไลบรารีคอมโพเนนต์ที่ห่อหุ้มด้วย CSS (View, Text, ScrollView, Pressable, TextInput, Image, Link) ที่ใช้สไตล์ className กับองค์ประกอบดั้งเดิม รองรับการจัดสไตล์เฉพาะแพลตฟอร์มผ่าน CSS media queries, ตัวแปรธีมที่กำหนดเองผ่านบล็อก @theme และความหมายของ Apple...

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. Integrates Tailwind CSS v4 with react-native-css and NativeWind v5 via Metro transformer, eliminating the need for Babel configuration Provides reusable CSS-wrapped component library (View, Text, ScrollView, Pressable, TextInput, Image, Link) that apply className styles to native elements Supports platform-specific styling through CSS media queries, custom theme variables via @theme blocks, and Apple semantic...

Framework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native…

Framework (OSS). สร้าง UI ดั้งเดิมด้วยแพ็คเกจ @expo/ui: SwiftUI จริงบน iOS และ Jetpack Compose บน Android ที่เรนเดอร์จาก React ในแอป Expo หรือ React Native ครอบคลุมคอมโพเนนต์ข้ามแพลตฟอร์มสากล (Host, Column, Row, Button, Text, List และอื่นๆ ที่นำเข้าจาก @expo/ui), การแทนที่แบบดรอปอินสำหรับไลบรารีชุมชน React Native ยอดนิยม (BottomSheet, DateTimePicker, Slider, Menu ฯลฯ) และ SwiftUI เฉพาะแพลตฟอร์ม (@expo/ui/swift-ui, iOS เท่านั้น) และ Jetpack Compose...

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

เฟรมเวิร์ก (โอเพนซอร์ส) แนวทางการอัปเกรดเวอร์ชัน Expo SDK และแก้ไขปัญหาการพึ่งพา

Framework (OSS). Guidelines for upgrading Expo SDK versions and fixing dependency issues

Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a…

เฟรมเวิร์ก (โอเพนซอร์ส) ย้ายแอป React บนเว็บที่มีอยู่ไปเป็นแอป iOS/Android ดั้งเดิมด้วย Expo ใช้เมื่อผู้ใช้ต้องการเปลี่ยนเว็บไซต์เป็นแอปมือถือ พอร์ต...

คำขอเครือข่าย การเรียก API และการดึงข้อมูลสำหรับแอป Expo พร้อมการแคช การจัดการข้อผิดพลาด และการรองรับแบบออฟไลน์ ครอบคลุม fetch API, React Query, รูปแบบการจัดการข้อผิดพลาด, การจัดการโทเค็นด้วย expo-secure-store และตรรกะการลองใหม่แบบ exponential backoff รวมถึงกลยุทธ์แบบออฟไลน์ก่อนโดยใช้ NetInfo และการคงสถานะของ React Query พร้อมการกำหนดค่าตัวแปรสภาพแวดล้อมด้วยคำนำหน้า EXPO_PUBLIC_ สำหรับ URL ฝั่งไคลเอ็นต์ รองรับตัวโหลดข้อมูล Expo Router (useLoaderData) สำหรับการโหลดข้อมูลระดับเส้นทางบน...

ควบคุมและสตรีม iOS, iPad หรือ Apple Watch Simulator ที่กำลังทำงานอยู่ด้วย npx serve-sim ใช้สำหรับดูตัวอย่าง simulator, การแตะ, ท่าทาง, ปุ่มฮาร์ดแวร์, การหมุน,…

ตรวจสอบและอัปเดตสินทรัพย์จำลองสไตล์ Device Hub ของ serve-sim จากทรัพยากร Xcode/CoreTypes ในเครื่อง ใช้หลังจากติดตั้ง Xcode หรือ macOS ใหม่…

เขียน ทบทวน หรือปรับปรุงโค้ด SwiftUI ตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการจัดการสถานะ การจัดองค์ประกอบวิว ประสิทธิภาพ API เฉพาะของ macOS และ iOS 26+ Liquid…

เขียน ตรวจสอบ หรือปรับปรุงโค้ด SwiftUI ตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการจัดการสถานะ การประกอบวิว ประสิทธิภาพ API เฉพาะของ macOS และ iOS 26+ Liquid…

ตั้งค่า Tailwind CSS v4 ใน Expo ด้วย react-native-css และ NativeWind v5 สำหรับการจัดสไตล์แบบสากล

คำแนะนำที่มีโครงสร้างสำหรับการอัปเกรดเวอร์ชัน Expo SDK และแก้ไขข้อขัดแย้งของ dependencies ให้กระบวนการอัปเกรดแบบทีละขั้นตอน รวมถึงการวินิจฉัย การล้างแคช และเวิร์กโฟลว์ prebuild สำหรับการเปลี่ยนแปลงเนทีฟ ครอบคลุมการเปลี่ยนแปลงที่สำคัญใน SDK 53–55 รวมถึงการย้ายไปยัง React 19 ค่าเริ่มต้นของ New Architecture การตั้งค่า React Compiler และการอัปเดตโมดูลเนทีฟ (tabs, audio, video) รวมถึงแผนที่การเลิกใช้งานสำหรับแพ็กเกจเช่น expo-av, expo-permissions และ AsyncStorage พร้อมคำแนะนำในการเปลี่ยนทดแทน...

เรียกใช้ไลบรารีที่ทำงานบนเว็บเท่านั้นในแอป Expo โดยเรนเดอร์ในเว็บวิวบนเนทีฟและแบบเดิมบนเว็บ รองรับไลบรารี React เว็บใดๆ (recharts, react-syntax-highlighter, canvas, WebGL) โดยไม่ต้องแก้ไข โดยห่อหุ้มในไฟล์คอมโพเนนต์ DOM ด้วยคำสั่ง 'use dom'; ส่งผ่านพร็อพที่ซีเรียลไลซ์ได้และฟังก์ชันอะซิงก์จากเนทีฟไปยังเว็บวิว ทำให้เกิดการสื่อสารสองทิศทางระหว่างบริบทเนทีฟและเว็บ รวมถึงตัวเลือกการกำหนดค่าเว็บวิวผ่านพร็อพ dom: การควบคุมการเลื่อน, พื้นที่ปลอดภัย...

โยกย้ายแอป React เว็บที่มีอยู่ไปเป็นแอปเนทีฟ iOS/Android ด้วย Expo ใช้เมื่อผู้ใช้ต้องการเปลี่ยนเว็บไซต์เป็นแอปมือถือ พอร์ต Next.js/Vite/CRA…