web-interface-testing
CommunityAutomate UI testing and accessibility checks.
Software Engineering#ui-testing#snapshot#responsive-design#web-accessibility#chrome-devtools-mcp#performance-audit#console-messages
AuthorprojetsX
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Tests web page interfaces for compliance, accessibility, and performance using the MCP Chrome DevTools, helping teams detect and fix UI issues early.
Core Features & Use Cases
- Console verification: capture and analyze console messages to identify blocking errors and non-blocking warnings.
- Accessibility checks: generate an a11y snapshot, verify alt texts, labels, heading order, and color contrast.
- Responsive verification: assess desktop, tablet, and mobile layouts to ensure consistent UX.
- Performance auditing: measure Core Web Vitals (LCP, FID, CLS) and resource usage during page load and interaction.
- Guided remediation: reference common fixes and best practices from the included knowledge base to surface actionable improvements.
Quick Start
Provide the target page URL or workspace path and follow the MCP workflow to run a full web interface test.
Dependency Matrix
Required Modules
None requiredComponents
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: web-interface-testing Download link: https://github.com/projetsX/french_skills_vscode/archive/main.zip#web-interface-testing 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.