·rn-visual-testing
</>

rn-visual-testing

johanruttens/paddle-battle

跨 iPhone 型号的 React Native 应用程序的可视化测试技能。在 iPhone 11 至 17(所有变体,包括 Pro、Pro Max、Plus、Mini、Air 和 SE)上测试应用程序外观时使用。涵盖屏幕截图捕获、模拟器配置、屏幕尺寸验证、安全区域处理、动态岛/缺口兼容性以及所有 iPhone 屏幕尺寸和分辨率的像素完美验证。

3安装·0热度·@johanruttens

安装

$npx skills add https://github.com/johanruttens/paddle-battle --skill rn-visual-testing

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" |

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/johanruttens/paddle-battle --skill rn-visual-testing
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 rn-visual-testing?

跨 iPhone 型号的 React Native 应用程序的可视化测试技能。在 iPhone 11 至 17(所有变体,包括 Pro、Pro Max、Plus、Mini、Air 和 SE)上测试应用程序外观时使用。涵盖屏幕截图捕获、模拟器配置、屏幕尺寸验证、安全区域处理、动态岛/缺口兼容性以及所有 iPhone 屏幕尺寸和分辨率的像素完美验证。 来源:johanruttens/paddle-battle。

如何安装 rn-visual-testing?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/johanruttens/paddle-battle --skill rn-visual-testing 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/johanruttens/paddle-battle