skills

Production-ready patterns for React Native development, packaged as a Claude Code plugin. Maintained by Software Mansion.

Optimized for Claude Opus 4.6 and tested with Claude Code. Install the plugin and your AI coding agent gets up-to-date guidance for animations, gestures, on-device AI, audio, and other React Native features.

Installation

As a plugin (recommended)

Add the Software Mansion marketplace and install the plugin:

/plugin marketplace add software-mansion-labs/skills
/plugin install skills@swmansion
/reload-plugins

The skills are available immediately. Run /plugin marketplace update swmansion to get the latest version.

Via npx

You can also install the skills using the skills CLI:

npx skills add software-mansion-labs/skills

Available Skills

react-native-best-practices

Production patterns for React Native apps on the New Architecture, covering:

Topic	What it covers
Animations	CSS transitions, CSS animations, shared value animations, canvas animations (Skia), GPU shader animations, layout animations, Reanimated 4, 120fps, performance tuning
Gestures	Tap, pan, pinch, swipe, long press, drag with Gesture Handler
SVG	Vector graphics, icons, charts, illustrations with React Native SVG
On-device AI	LLMs, computer vision, OCR, audio processing, embeddings with React Native ExecuTorch
Rich Text	Rich text editing with react-native-enriched and Markdown rendering with react-native-enriched-markdown: formatting toolbar, mentions, links, GFM tables, task lists, LaTeX math
Multithreading	Worker Runtimes, scheduling APIs, shared memory with React Native Worklets
Audio	Playback, recording, visualization, session management with React Native Audio API

radon-mcp

Best practices for using Radon IDE's MCP tools when developing, debugging, and inspecting React Native and Expo apps. Covers viewing screenshots, reading logs, inspecting the component tree, debugging network requests, reloading the app, and querying React Native documentation.

Development

This project uses Task as a task runner. Install with brew install go-task.

task --list        # show available tasks
task lint          # run the skill linter
task lint:test     # run linter unit tests
task check         # run lint + tests
task eval:grade -- /path/to/workspace   # grade a skill-creator workspace

Repository Structure

react-native-skills/
├── Taskfile.yml
├── evals/
│   ├── README.md
│   ├── evals.json
│   ├── grader.go
│   ├── loader.go
│   ├── main.go
│   ├── types.go
│   └── workspace.go
└── skills/
    ├── radon-mcp/
    │   ├── references/
    │   │   ├── get-library-description.md
    │   │   ├── query-documentation.md
    │   │   ├── reload-application.md
    │   │   ├── view-application-logs.md
    │   │   ├── view-component-tree.md
    │   │   ├── view-network-logs.md
    │   │   ├── view-network-request-details.md
    │   │   └── view-screenshot.md
    │   └── SKILL.md
    └── react-native-best-practices/
        ├── references/
        │   ├── animations/
        │   │   ├── SKILL.md
        │   │   ├── animation-functions.md
        │   │   ├── animations-performance.md
        │   │   ├── animations.md
        │   │   ├── canvas-animations.md
        │   │   ├── canvas-atlas.md
        │   │   ├── gpu-animations.md
        │   │   ├── layout-animations.md
        │   │   ├── scroll-and-events.md
        │   │   └── svg-animations.md
        │   ├── audio/
        │   │   ├── SKILL.md
        │   │   ├── audio.md
        │   │   ├── effects-and-analysis.md
        │   │   ├── playback.md
        │   │   ├── recording.md
        │   │   ├── system-and-notifications.md
        │   │   └── worklets.md
        │   ├── gestures/
        │   │   ├── SKILL.md
        │   │   ├── continuous-gestures.md
        │   │   ├── gesture-composition.md
        │   │   ├── gestures.md
        │   │   ├── swipeable-and-drawer.md
        │   │   ├── tap-handling.md
        │   │   └── testing.md
        │   ├── multithreading/
        │   │   ├── SKILL.md
        │   │   ├── setup-and-advanced.md
        │   │   ├── shared-memory.md
        │   │   └── threading-api.md
        │   ├── on-device-ai/
        │   │   ├── SKILL.md
        │   │   ├── llm.md
        │   │   ├── setup.md
        │   │   ├── speech.md
        │   │   └── vision.md
        │   ├── rich-text/
        │   │   └── SKILL.md
        │   └── svg/
        │       ├── SKILL.md
        │       ├── svg.md