ui-testing
CommunityEnsure UI accessibility and visual correctness.
AuthorAdigunQ
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps catch common UI issues related to visibility, contrast, touch target size, and visual states, ensuring a better user experience and accessibility.
Core Features & Use Cases
- Accessibility Checks: Verifies contrast ratios, text visibility, and touch target sizes.
- State Verification: Checks for visible hover, pressed, focus, disabled, and loading states.
- Use Case: After developing a new button component, use this Skill to quickly run through the pre-flight checklist to ensure it meets accessibility standards and has appropriate visual states.
Quick Start
Run the ui-testing skill to verify the accessibility of the current UI.
Dependency Matrix
Required Modules
eslint-plugin-jsx-a11y@axe-core/playwright
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: ui-testing Download link: https://github.com/AdigunQ/ralph-smart/archive/main.zip#ui-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 223,000+ vetted skills library on demand.