skills.rest
aemdemos
aemdemosOFFICIAL
Explore all skills by this author →
GitHub

mobile-navigation-agent

Analyze mobile header and navigation behavior for AEM site migrations.

Updated Mar 16, 2026
Search Tags:#navigation#mobile#aem#mobile-testing#megamenu#menu-validation#hamburger-animation
One-click install
npx skills add https://github.com/aemdemos/summit-dsg --skill mobile-navigation-agent
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-navigation-agent
Source: https://github.com/aemdemos/summit-dsg/tree/main/.agents/skills/excat-navigation-orchestrator/mobile-navigation-agent
Command: npx skills add https://github.com/aemdemos/summit-dsg --skill mobile-navigation-agent

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a deterministic, evidence-based analysis of mobile header and navigation implementations for AEM migrations, preventing incorrect assumptions from desktop layouts and ensuring migrated mobile behavior matches the source.

Core Features & Use Cases

  • Hamburger and trigger analysis: Detects menu trigger type, animation method, transition timing, and reverse behavior on close.
  • Menu structure validation: Classifies open behavior (drawer, accordion, slide-in-panel, fullscreen), verifies per-heading interaction coverage, and records menu items width layout for accurate CSS migration.
  • Megamenu and auxiliary checks: Cross-references desktop megamenu data, verifies mobile representation of columns, images, overlays, search, and locale selectors to ensure parity or intentional omissions.
  • Use Case: Run during Phase 4 of navigation orchestration to produce strict JSON for implementers and QA to reproduce mobile menu behaviors exactly.

Quick Start

Run the mobile-navigation-agent with closed and open mobile screenshots plus desktop phase JSON files to generate phase-4 mobile analysis JSON.

Frequently Asked Questions about mobile-navigation-agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate mobile header navigation behavior for AEM site migrations?▼

Mobile navigation validation for AEM site migrations is performed by analyzing closed and open mobile screenshots against source URLs. It cross-references desktop phase JSON files to ensure structural parity and output strict JSON for QA reproduction.

What is hamburger animation detection in mobile menu testing?▼

Hamburger animation detection in mobile menu testing identifies the menu trigger type, animation method, transition timing, and reverse behavior on close. This analysis ensures the migrated mobile navigation matches the source site's interactive behavior exactly.

How do I verify mobile megamenu representation during an AEM migration?▼

Verifying mobile megamenu representation during an AEM migration involves cross-referencing desktop megamenu data. The process checks mobile views for accurate column layouts, images, overlays, search, and locale selectors to ensure parity or intentional omissions.

Does mobile navigation testing require desktop phase JSON files?▼

Mobile navigation testing does require desktop phase JSON files to cross-reference navigation coverage and structural parity. Providing closed and open mobile screenshots alongside these files ensures exhaustive per-heading interaction testing and strict schema validation.

What types of mobile menu open behavior can be classified during navigation validation?▼

Mobile menu open behavior classified during navigation validation includes drawer, accordion, slide-in-panel, and fullscreen layouts. The validation records menu item widths and per-heading interaction coverage to guarantee accurate CSS migration.

Related Skills

Explore More Software Engineering Skills→
aemdemosaemdemos

nav-component-critique

Compare header navigation screenshots and generate prioritized CSS fixes.

Official
Advanced
aemdemosaemdemos

validation-agent

Compare implemented navigation structure against source screenshots and output strict JSON validation results.

Official
Advanced
aemdemosaemdemos

excat-navigation-orchestrator

Orchestrate header and navigation migration with Playwright validation and screenshot evidence.

Official
Advanced
fdshg693fdshg693

copilot-test-skill

Validate Copilot integration with a minimal YAML frontmatter Skill unit.

Community
Basic