dark-mode-testing
CommunityAutomate dark-mode UI testing for Cursor.
Design & Creative#accessibility#ui-testing#screenshot#dark-mode#browser-automation#visual-regression#ui-consistency
Authorkscius
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Toggle between light and dark mode in Cursor's browser, screenshot both states, and flag missing token mappings or contrast issues.
Core Features & Use Cases
- Automates verification of dark mode by capturing light and dark screenshots and checking contrast and visibility.
- Supports multiple toggling methods: class toggle, attribute toggle, media query emulation, and in-app UI control.
- Use case: QA engineers can validate theme consistency across pages and detect accessibility gaps.
Quick Start
Open the target page, capture a light-mode screenshot, toggle to dark mode using any supported method, and capture the dark-mode screenshot.
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: dark-mode-testing Download link: https://github.com/kscius/KS-Cursor-Orchestrator/archive/main.zip#dark-mode-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 510,000+ vetted skills library on demand.