aem-fe-verify
CommunityVisually verify AEM frontend rendering locally.
Software Engineering#mcp#aem#frontend-testing#qa-automation#visual-verification#chrome-devtools-mcp#wcmmode
Authoreasingthemes
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Visually verify a component's frontend rendering on local AEM — screenshots the component in wcmmode=disabled, compares against Figma reference or requirements using multimodal vision, and fixes gaps in a loop. Use after build deploys to local AEM. Trigger on "verify frontend", "visual verify", "fe verify", "check component rendering", "compare AEM with figma".
Core Features & Use Cases
- Visual verification of a component's render against a Figma reference or requirements.
- Iteration loop: identifies gaps, applies fixes, rebuilds, and re-verifies up to 3 iterations.
- Local AEM integration: requires AEM MCP and Chrome DevTools MCP for end-to-end validation.
Quick Start
Trigger on a component name to start a visual verification cycle against your local AEM instance.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: aem-fe-verify Download link: https://github.com/easingthemes/dx-aem-flow/archive/main.zip#aem-fe-verify Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.