/common-mobile-visual-testing
Standardizes mobile UI audits, performance/scroll checks, RTL verification, and state-specific testing on iOS/Android.
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill common-mobile-visual-testing --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/common-mobile-visual-testing
Context preview
The summary Claude sees to decide when to auto-load this skill.
Standardizes mobile UI audits, performance/scroll checks, RTL verification, and state-specific testing on iOS/Android.
SKILL.md
common-mobile-visual-testing.SKILL.mdname: common-mobile-visual-testing
description: Standardizes mobile UI audits, performance/scroll checks, RTL verification, and state-specific testing on iOS/Android.
metadata:
triggers:
keywords:
- visual test
- mobile test
- verify ui
- dark mode test
- accessibility audit
- behavioral test
- visual regression
- localization test🕵 Mobile Visual & Behavioral Testing
**Priority: P1 (HIGH)**
> [!IMPORTANT] > **Tier 2 (Methodology)**: Strategy mobile UI/UX audit. > **Tier 3 (Domain)**: i18n, A11y (Dynamic Type), Platform (Notch/RTL).
🧪 Testing Mindset
Analyze diff + answer: 1. **Change?** (Affected screen, logic path) 2. **Break?** (Regression, state transition) 3. **Visual Audit**: Truncate, align, z-order, color. 4. **Behavioral Audit**: Tap target, nav, data accuracy.
📋 Scenario Matrix
| Change Type | Scenarios to Run | | :--- | :--- | | **UI/Styling** | Visual Audit + Dark Mode + QoS Check (CPU/Mem) | | **Navigation** | User Flow + Deep Link + Z-Order | | **Lists/Grids** | Scroll Test + Pagination + Empty State | | **i18n/Locale** | RTL + Truncate + Locale Logic | | **Accessibility** | Dynamic Type + High Contrast + Permission Reason |
🛠️ Core Tool Mapping
| Scenario | Appium Tool | | :--- | :--- | | **System Alert** | `appium_alert` (check hierarchy first) | | **Performance** | `appium_mobile_performance_data` (monitor during flow) | | **Visual Check** | `appium_screenshot` (base/diff) | | **Layout Audit** | `appium_get_source` (hierarchy/aria) |
🚫 Anti-Patterns
- **Ignore QoS**: Apps crash/lag under load. **MUST** check and report **QoS** from `appium_mobile_performance_data` (scroll/video).
- **Blind Tap**: Check state before interact. Use `appium_screenshot`.
- **Alert Paralysis**: Unexpected alert? Use `appium_alert` → `accept`/`dismiss`.
- **Happy-Path Bias**: Never ignore Empty, Loading, or Error state.
- **Deep Link Neglect**: Verify "Cold Start" via deep link.
- **Single-Device Tunnel Vision**: Verify smallest/largest screen size.
🔗 References
- **appium-mcp**: [appium-mcp](../../quality-engineering/quality-engineering-appium-mcp/SKILL.md)
- **Scenario Details**: [scenarios](references/scenarios.md)
Read more
name: common-mobile-visual-testing
description: Standardizes mobile UI audits, performance/scroll checks, RTL verification, and state-specific testing on iOS/Android.
metadata:
triggers:
keywords:
- visual test
- mobile test
- verify ui
- dark mode test
- accessibility audit
- behavioral test
- visual regression
- localization test🕵 Mobile Visual & Behavioral Testing
**Priority: P1 (HIGH)**
> [!IMPORTANT] > **Tier 2 (Methodology)**: Strategy mobile UI/UX audit. > **Tier 3 (Domain)**: i18n, A11y (Dynamic Type), Platform (Notch/RTL).
🧪 Testing Mindset
Analyze diff + answer: 1. **Change?** (Affected screen, logic path) 2. **Break?** (Regression, state transition) 3. **Visual Audit**: Truncate, align, z-order, color. 4. **Behavioral Audit**: Tap target, nav, data accuracy.
📋 Scenario Matrix
| Change Type | Scenarios to Run | | :--- | :--- | | **UI/Styling** | Visual Audit + Dark Mode + QoS Check (CPU/Mem) | | **Navigation** | User Flow + Deep Link + Z-Order | | **Lists/Grids** | Scroll Test + Pagination + Empty State | | **i18n/Locale** | RTL + Truncate + Locale Logic | | **Accessibility** | Dynamic Type + High Contrast + Permission Reason |
🛠️ Core Tool Mapping
| Scenario | Appium Tool | | :--- | :--- | | **System Alert** | `appium_alert` (check hierarchy first) | | **Performance** | `appium_mobile_performance_data` (monitor during flow) | | **Visual Check** | `appium_screenshot` (base/diff) | | **Layout Audit** | `appium_get_source` (hierarchy/aria) |
🚫 Anti-Patterns
- **Ignore QoS**: Apps crash/lag under load. **MUST** check and report **QoS** from `appium_mobile_performance_data` (scroll/video).
- **Blind Tap**: Check state before interact. Use `appium_screenshot`.
- **Alert Paralysis**: Unexpected alert? Use `appium_alert` → `accept`/`dismiss`.
- **Happy-Path Bias**: Never ignore Empty, Loading, or Error state.
- **Deep Link Neglect**: Verify "Cold Start" via deep link.
- **Single-Device Tunnel Vision**: Verify smallest/largest screen size.
🔗 References
- **appium-mcp**: [appium-mcp](../../quality-engineering/quality-engineering-appium-mcp/SKILL.md)
- **Scenario Details**: [scenarios](references/scenarios.md)
The portable SDLC standards layer for AI coding agents. Sync once, then work in your own runtime.
Repo: hoangnguyen0403/agent-skills-standard
Other skills on agent-skills-standard.
- /android-agp-upgrade
Upgrade an Android project to Android Gradle Plugin (AGP) 9. Use when migrating to AGP 9, updating Gradle build files, migrating to built-in Kotlin, or adopting the new AGP DSL.
Open skill - /android-architecture
Apply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or implementing UDF patterns; defer Compose state and ViewModel/StateFlow
Open skill - /android-background-work
Implement WorkManager and background processing correctly on Android. Use when creating Worker classes, scheduling tasks, choosing between WorkManager and Foreground Services, or setting up Hilt in workers; defer FCM and notification delivery to android-notifications.
Open skill - /android-compose-migration
Migrate an Android XML View to Jetpack Compose following a structured 10-step workflow. Use when converting XML layouts to Compose, setting up Compose in an existing View-based project, or incrementally adopting Compose.
Open skill - /android-compose
Build high-performance declarative UI with Jetpack Compose. Use when writing Composable functions, optimizing recomposition, hoisting state, or working with LazyColumn and side effects; defer deep-link and navigation routing to android-navigation.
Open skill - /android-concurrency
Write correct coroutine scopes, lifecycle collection, and dispatcher injection in Android production code. Use for suspend functions, coroutine scopes, and dispatcher mechanics; defer ViewModel StateFlow/LiveData architecture, Fragment lifecycle recipes,
Open skill