Skill
common-architecture-di…
Draw architecture diagrams as editable draw.io files with a fixed house style, C4 levels, and evidence-tagged shapes. Use when producing a system context,…
@hoangnguyen0403View SkillDevelopment
Skill
/common-mobile-visual-testing
Standardizes mobile UI audits, performance/scroll checks, RTL verification, and state-specific testing on iOS/Android.
Install
$ 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_page_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.
📁 Evidence
`.appium-mcp/<session>/` holds `<AC|step>-<before|after>.png`, `<label>.source.xml`, `perf.json` (QoS proof), `video.url`. Driver rung and dir go in the walkthrough `driver:` / `evidence_dir:` lines.
🔗 References
- **appium-mcp**: [appium-mcp](../../quality-engineering/quality-engineering-appium-mcp/SKILL.md)
- **Driver Ladder**: [driver-ladder](../../quality-engineering/quality-engineering-appium-mcp/references/driver-ladder.md) — local then cloud, BLOCKED rule.
- **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_page_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.
📁 Evidence
`.appium-mcp/<session>/` holds `<AC|step>-<before|after>.png`, `<label>.source.xml`, `perf.json` (QoS proof), `video.url`. Driver rung and dir go in the walkthrough `driver:` / `evidence_dir:` lines.
🔗 References
- **appium-mcp**: [appium-mcp](../../quality-engineering/quality-engineering-appium-mcp/SKILL.md)
- **Driver Ladder**: [driver-ladder](../../quality-engineering/quality-engineering-appium-mcp/references/driver-ladder.md) — local then cloud, BLOCKED rule.
- **Scenario Details**: [scenarios](references/scenarios.md)
Ships withagent-skills-standard
The portable SDLC standards layer for AI coding agents. Sync once, then work in your own runtime.
Get the whole plugin
Stats
567
Stars
164
Forks
Active
Maintenance
TypeScript
Language
MIT
License
1d ago
Last commit
8mo ago
Created
Repo: hoangnguyen0403/agent-skills-standard
Other skills on agent-skills-standard.
@hoangnguyen0403View SkillSkill
common-best-practices
Enforce SOLID principles, guard-clause style, function size limits, and intention-revealing naming across all languages. Use when refactoring for readability,…
@hoangnguyen0403View SkillSkill
common-business-requir…
Standardize BRD and BRD-lite discovery for business goals, stakeholder impact, current-to-future state, and measurable value outcomes. Use when creating BRD,…
@hoangnguyen0403View SkillSkill
common-code-review
Conduct high-quality, persona-driven code reviews. Use when reviewing PRs, critiquing code quality, or analyzing changes for team feedback.
@hoangnguyen0403View SkillSkill
common-context-optimiz…
Maximize context window efficiency, reduce latency, and prevent lost-in-middle issues through strategic masking and compaction. Use when token budgets are…
@hoangnguyen0403View SkillSkill
common-dast-tooling
Standardize dynamic application security testing for backend APIs, frontend web apps, and mobile clients. Covers ZAP, Nuclei, Nikto, sqlmap, ffuf, browser…
@hoangnguyen0403View Skill