vercel-react-native-skills

작성자: vercel

React Native 및 Expo의 모범 사례로, 리스트 렌더링, 애니메이션, 내비게이션, 네이티브 모듈 전반에 걸쳐 성능이 뛰어난 모바일 앱을 구축하는 방법을 다룹니다. 영향도에 따라 우선순위가 지정된 8가지 규칙 카테고리를 포함합니다: 리스트 성능(FlashList, 메모이제이션, 콜백 안정성), 애니메이션(GPU 속성, 파생 값), 내비게이션, UI 패턴, 상태 관리, 렌더링, 모노레포 구조, 구성. 리스트 성능 규칙은 대규모 리스트 가상화, 이미지 최적화, 방지 등 중요한 문제를 다룹니다...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills

ZIP 다운로드 GitHub

이 스킬 사용해 보기스폰서

vercel의 다른 스킬

로컬 개발 및 테스트를 위한 Vercel REST API 에뮬레이션입니다. 사용자가 로컬에서 Vercel API 엔드포인트와 상호작용하거나 Vercel 통합을 테스트해야 할 때 사용합니다.

Vercel Cron Jobs 구성 및 모범 사례. vercel.json에서 예약된 작업을 추가, 편집 또는 디버깅할 때 사용합니다.

json-render을 위한 코드 생성 유틸리티입니다. UI 명세서에서 코드를 생성하거나, 사용자 정의 코드 내보내기를 구축하거나, 명세서를 탐색하거나, props를 직렬화할 때 사용합니다.

next-best-practice

Next.js 모범 사례 - 파일 규칙, RSC 경계, 데이터 패턴, 비동기 API, 메타데이터, 오류 처리, 라우트 핸들러, 이미지/폰트 최적화,…

benchmark-sandbox

Vercel Sandbox에서 vercel-plugin eval 시나리오를 로컬 WezTerm 패널 대신 실행합니다. Claude Code와 플러그인이 사전 설치된 임시 마이크로VM을 프로비저닝합니다.

점진적인 예제를 통해 실제 사용 사례를 가르치는 기술 가이드를 제작합니다. 개념은 독자가 필요로 할 때만 소개됩니다.

benchmark-testing

벤치마크 테스트 프로젝트를 생성하고 실행하여 실제 시나리오에서 vercel-plugin 스킬 인젝션을 테스트합니다. 격리된 디렉토리를 설정하고, 설치하며…

Vercel AI Gateway 전문가 안내. 모델 라우팅, 제공업체 장애 조치, 비용 추적 또는 통합된 방식을 통해 여러 AI 제공업체를 관리할 때 사용합니다.