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.