react-native-skia

Enable GPU-backed 2D drawing with Skia in React Native applications.

2|1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/passionseed/ps_app --skill react-native-skia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-skia
Source: https://github.com/passionseed/ps_app/tree/main/.agents/skills/react-native-skia
Command: npx skills add https://github.com/passionseed/ps_app --skill react-native-skia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

GPU-backed 2D drawing and high-quality visuals in React Native apps, enabling smooth, jank-free animations by leveraging Skia as an alternative to traditional RN rendering.

Core Features & Use Cases

  • GPU-accelerated Canvas rendering for premium visuals
  • Shader support and runtime effects for dynamic UI
  • High-performance animations via Reanimated integration
  • Expo-friendly setup for cross-platform mobile experiences

Quick Start

Install @shopify/react-native-skia and set up a Canvas to begin building GPU-backed 2D graphics.

Frequently Asked Questions about react-native-skia

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable GPU-accelerated canvas rendering in React Native?▼

Enable GPU-accelerated canvas rendering in React Native by installing @shopify/react-native-skia and setting up a Canvas component to leverage Skia for jank-free 2D drawing.

Can I use Skia shaders and runtime effects for dynamic UI in Expo projects?▼

Yes, you can use Skia shaders and runtime effects for dynamic UI in Expo projects, as the setup is Expo-friendly and supports high-performance visual effects across mobile platforms.

How does Skia integration with Reanimated improve mobile animation performance?▼

Skia integration with Reanimated improves mobile animation performance by offloading 2D graphics rendering to the GPU, bypassing traditional React Native rendering bottlenecks to deliver jank-free visuals.

When do I need GPU-backed 2D drawing instead of traditional React Native rendering?▼

You need GPU-backed 2D drawing instead of traditional React Native rendering when building premium mobile UIs that require complex animations, shaders, and high-fidelity visuals without dropping frames.

What are the limitations of using Skia for React Native graphics?▼

Skia for React Native graphics focuses on 2D drawing and shader effects, meaning it does not replace standard native UI components for standard non-canvas layout tasks and requires understanding GPU rendering concepts.