rn-visual-testing
✓Visual testing skill for React Native apps across iPhone models. Use when testing app appearance on iPhone 11 through 17 (all variants including Pro, Pro Max, Plus, Mini, Air, and SE). Covers screenshot capture, simulator configuration, screen dimension validation, safe area handling, Dynamic Island/notch compatibility, and pixel-perfect verification across all iPhone screen sizes and resolutions.
Installation
SKILL.md
React Native Visual Testing for iPhone Test React Native apps visually across iPhone 11–17 families.
| Device Group | Width | Height | Scale | Physical | Diagonal |
| iPhone 11 | 414 | 896 | 2x | 828×1792 | 6.1" | | iPhone 11 Pro | 375 | 812 | 3x | 1125×2436 | 5.85" | | iPhone 11 Pro Max | 414 | 896 | 3x | 1242×2688 | 6.46" | | iPhone 12 mini / 13 mini | 375 | 812 | 3x | 1080×2340 | 5.42" | | iPhone 12/12 Pro / 13/13 Pro | 390 | 844 | 3x | 1170×2532 | 6.06" | | iPhone 12/13 Pro Max | 428 | 926 | 3x | 1284×2778 | 6.68" |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/johanruttens/paddle-battle --skill rn-visual-testing- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is rn-visual-testing?
Visual testing skill for React Native apps across iPhone models. Use when testing app appearance on iPhone 11 through 17 (all variants including Pro, Pro Max, Plus, Mini, Air, and SE). Covers screenshot capture, simulator configuration, screen dimension validation, safe area handling, Dynamic Island/notch compatibility, and pixel-perfect verification across all iPhone screen sizes and resolutions. Source: johanruttens/paddle-battle.
How do I install rn-visual-testing?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/johanruttens/paddle-battle --skill rn-visual-testing Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/johanruttens/paddle-battle
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01