Skills
.Work. You
Rest

reanimated-skia-performance

Official

Optimize React Native animations & graphics

Software Engineering#performance#graphics#optimization#animation#react native#reanimated#skia
Authorepiphanyapps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers create highly performant animations and 2D graphics in React Native, specifically addressing animation jank and optimizing the use of react-native-reanimated and @shopify/react-native-skia.

Core Features & Use Cases

  • High-Performance Animations: Implement smooth, gesture-driven interactions, transitions, and layout animations.
  • Advanced 2D Graphics: Utilize Skia for complex drawings, runtime effects, and animated shaders.
  • Performance Tuning: Diagnose and fix animation jank by optimizing UI thread work and minimizing JS-to-UI communication.
  • Use Case: Build a complex, interactive data visualization where elements animate fluidly based on user gestures, ensuring a buttery-smooth user experience even with intricate graphics.

Quick Start

Use the reanimated-skia-performance skill to optimize the provided animation code for performance.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: reanimated-skia-performance
Download link: https://github.com/epiphanyapps/mapyourhealth/archive/main.zip#reanimated-skia-performance

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 223,000+ vetted skills library on demand.