qa-visual
CommunityEnsure pixel-perfect UIs, every time.
Design & Creative#accessibility#responsive design#design system#visual testing#ui audit#css inspection
Authordev-gios
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill guarantees that your application's user interface looks exactly as intended across different devices and adheres to design standards, preventing visual bugs and ensuring a consistent user experience.
Core Features & Use Cases
- Visual Regression Testing: Catches unintended visual changes after code updates.
- Design System Compliance: Audits typography, color contrast, and layout against established design rules.
- Responsive Auditing: Verifies UI integrity across various screen sizes.
- Use Case: After a developer updates the styling for a button component, this Skill can automatically run to confirm the button still renders correctly, maintains the right color contrast, and looks good on both desktop and mobile views.
Quick Start
Use the qa-visual skill to audit the visual appearance of the application at https://example.com.
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: qa-visual Download link: https://github.com/dev-gios/agent-teams-qa/archive/main.zip#qa-visual 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.