📷
Frontend

React Native VisionCamera

by margelo

React Native VisionCamera is a Frontend skill for Claude Code, published by margelo in react-native-skills.

167 stars8 forkson margelo/react-native-skillsAdded 2026/09/08+2% in starsRepository updated 2026/08/21
agentagent-skillsaillmreactreact-nativeskills
Install in seconds
Install React Native VisionCamera
Copy React Native VisionCamera into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/margelo/react-native-skills/tree/main/skills/react-native-vision-camera ~/.claude/skills/react-native-vision-camera

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/margelo/react-native-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/react-native-vision-camera/SKILL.md in margelo/react-native-skills
Installs to
~/.claude/skills/react-native-vision-camera
Collection
One of 9 skills cataloged from this repository
Category
Frontend732 skills

What React Native VisionCamera does

React Native VisionCamera is a guide to setting up VisionCamera v5, migrating from v4, and using outputs, constraints, capture, recording, and basic frame processing. Use it when building or porting React Native camera screens.

React Native VisionCamera is cataloged under Frontend on DirSkills. React Native VisionCamera comes from a repository tagged agent, agent-skills, ai, llm and react.

Documentation

README

react-native-vision-camera (v5)

VisionCamera v5 is the maintained and latest version of react-native-vision-camera. It is a full Nitro Modules rewrite with a new Constraints API, Output-based architecture, in-memory Photo, and a hard break from the v4 format/prop model. Almost every v4 surface is gone or renamed — treat v5 as a new API, not an incremental upgrade.

This skill is a router. Read this file first, then load the reference that matches the task. Every reference is self-contained — do not load more than you need.

When to load which reference

This is the opening of the README. Read the full README on GitHub.

Frequently asked about React Native VisionCamera

  • What else does margelo publish alongside React Native VisionCamera?

    React Native VisionCamera is one of 9 skills that DirSkills catalogs from margelo/react-native-skills, the repository it ships in. Its siblings there include API Design, Build Nitro Modules and C++. Each one is a separate skill with its own page in this directory, installs the same way React Native VisionCamera does, and is maintained by margelo in that same repository. The rest of the collection is listed on the margelo/react-native-skills page.

  • How does React Native VisionCamera compare to other Frontend skills?

    React Native VisionCamera ranks #688 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of React Native VisionCamera against them. Open each page to compare what they document and how they install.

More from margelo/react-native-skills

React Native VisionCamera is one of 9 skills cataloged on DirSkills from margelo/react-native-skills.

See all 9 skills
🧩
1h ago

API Design

API Design helps shape predictable public APIs for TypeScript, JavaScript, React, and React Native libraries. Use it when designing exported functions, hooks, options objects, events, errors, or cross-platform abstractions.
AI Engineering
1678
🧩
1h ago

Build Nitro Modules

Build Nitro Modules creates React Native Nitro Modules with Nitrogen specs, generated Swift/Kotlin/C++ bindings, and native stateful APIs. Use it when adding HybridObjects, Nitro View components, or the codegen pipeline.
AI Engineering
1678
💻
1h ago

C++

C++ guides design, implementation, and review of modern C++ APIs and native code. Use it for .cpp, .hpp, CMake, ownership, async boundaries, and C++-backed React Native Nitro Modules.
AI Engineering
1678
🤖
1h ago

Kotlin

Kotlin designs, implements, and reviews Kotlin and Android APIs for .kt files, nullability, sealed types, coroutines, threading, Java interop, and Kotlin-backed React Native Nitro Modules.
AI Engineering
1678
🌐
1h ago

Nitro Fetch

Nitro Fetch provides native-backed networking primitives for React Native, including fetch, WebSocket, TextDecoder, prefetching, and request inspection. Use it when you need faster cold starts, native sockets, or axios integration through the Nitro APIs.
DevOps
1678
💾
1h ago

React Native MMKV

React Native MMKV documents the synchronous key-value storage API for React Native apps. Use it to create instances, read and write values, manage listeners, handle encryption, and migrate from AsyncStorage.
AI Engineering
1678