rn-visual-testing
✓跨 iPhone 型號的 React Native 應用程序的可視化測試技能。在 iPhone 11 至 17（所有變體，包括 Pro、Pro Max、Plus、Mini、Air 和 SE）上測試應用程序外觀時使用。涵蓋屏幕截圖捕獲、模擬器配置、屏幕尺寸驗證、安全區域處理、動態島/缺口兼容性以及所有 iPhone 屏幕尺寸和分辨率的像素完美驗證。
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
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01