Frontend Verification & Testing
CommunityAutomate Angular UI checks with MCP.
Authorkojder
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the verification of frontend changes, reducing repetitive manual checks by automatically validating console errors, network requests, and visual rendering after implementing UI tasks or fixes.
Core Features & Use Cases
- Console verification: automatically detect console errors and warnings after frontend changes.
- Network verification: inspect API calls, statuses, and headers to ensure correct API integration.
- Visual rendering verification: capture and compare screenshots to ensure UI renders correctly across viewports.
- Use Case: After implementing a new Gallery component, verify absence of console errors, successful API calls, and correct rendering on desktop and mobile.
Quick Start
Load the Angular app and run the Frontend Verification after changes. For example: verify the Gallery page at http://localhost:4200 and confirm no console errors, successful network requests, and proper rendering.
Dependency Matrix
Required Modules
bashcurllsofngmvnwnpm
Components
scriptsreferences
💻 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: Frontend Verification & Testing Download link: https://github.com/kojder/photo-map-app/archive/main.zip#frontend-verification-testing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.