vercel-react-native-skills은(는) 무엇을 하나요?
React Native 및 Expo 모범 사례로, 성능 좋은 모바일 앱을 구축하는 데 사용됩니다. React Native 컴포넌트를 만들거나, 리스트 성능을 최적화하거나, 애니메이션을 구현하거나, 네이티브 모듈을 작업할 때 사용하세요. React Native, Expo, 모바일 성능 또는 네이티브 플랫폼 API 관련 작업이 있을 때 활성화됩니다.
React Native 및 Expo 모바일 앱 성능 최적화를 위한 모범 사례를 제공합니다. React Native 컴포넌트 구축, 리스트 성능 최적화, 애니메이션 구현 또는 네이티브 모듈 작업 시 사용하세요.
이 스킬은 React Native와 Expo를 사용하여 고성능 모바일 앱을 개발하기 위한 모범 사례 모음입니다. React Native 컴포넌트 구축, 리스트 성능 최적화, 애니메이션 구현, 네이티브 모듈 작업 등 다양한 작업에서 트리거되어 개발자에게 구체적인 지침과 최적화 팁을 제공합니다. 주로 Claude Code나 Cursor와 같은 AI 에이전트 환경에서 활용되며, React Native, Expo, 모바일 성능, 네이티브 플랫폼 API 관련 작업 시 자동으로 활성화됩니다. 이 스킬은 플랫폼 간 호환성과 앱 성능을 극대화하는 코드 패턴을 제안하여 개발 시간을 단축하고 버그를 줄이는 데 도움을 줍니다.
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-react-native-skillsReact Native 및 Expo 모범 사례로, 성능 좋은 모바일 앱을 구축하는 데 사용됩니다. React Native 컴포넌트를 만들거나, 리스트 성능을 최적화하거나, 애니메이션을 구현하거나, 네이티브 모듈을 작업할 때 사용하세요. React Native, Expo, 모바일 성능 또는 네이티브 플랫폼 API 관련 작업이 있을 때 활성화됩니다.
This repo contains 11 individual skills — each has its own dedicated page.
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g.
React composition patterns that scale. Use when refactoring components with
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
React Native and Expo best practices for building performant mobile apps. Use
Review UI code for Web Interface Guidelines compliance. Use when asked to
Review docs/prose for Writing Guidelines compliance. Use when asked to
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.