Skills
.Work. You
Rest

animation-with-react-compiler

Community

RN Reanimated guidelines for React Compiler.

Software Engineering#react-native#react-compiler#reanimated#worklets#shared-values#get()#set()
Authorjp2507-max
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidelines for using React Native Reanimated shared values with React Compiler. When React Compiler is enabled, direct access to the value property must be avoided; use get() and set() instead.

Core Features & Use Cases

  • Enforces safe access patterns for useSharedValue across worklets and animated styles.
  • Helps teams migrate codebases to React Compiler without breaking animations.
  • Applies to components that read or mutate shared values in useAnimatedStyle, useDerivedValue, and other worklets.

Quick Start

Refactor all shared value accesses from .value to .get() for reads and .set() for writes, and verify compatibility in React Compiler enabled projects.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: animation-with-react-compiler
Download link: https://github.com/jp2507-max/growbro-cultivation-app/archive/main.zip#animation-with-react-compiler

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.