Skills
.Work. You
Rest

orbit-designer-dark-mode

Community

Ensure WordPress plugin dark mode support with automated audits.

Software Engineering#accessibility#dark mode#WordPress#color tokens#CSS validation
Authoradityaarsharma
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the issue of ensuring WordPress plugin support for dark mode, automating the checks for correct CSS, color tokens, and accessibility in dark mode.

Core Features & Use Cases

  • Dark Mode CSS Validation: Validates the use of CSS and color tokens to ensure they work in both light and dark modes.
  • Accessibility Check: Ensures the color contrast ratios meet WCAG AA standards.
  • Image and Logo Dark Mode Compatibility: Checks for the presence of dark variants for images and logos.
  • Quick Audit for Developers: Offers a quick start for developers to run audits on their plugin without manual setup.
  • Use Case: Ideal for developers aiming to ensure their plugin's admin interface and frontend elements adapt correctly to dark mode.

Quick Start

Run a dark mode audit for a plugin by using the command: /orbit-do-it my-plugin

Dependency Matrix

Required Modules

None required

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: orbit-designer-dark-mode
Download link: https://github.com/adityaarsharma/orbit/archive/main.zip#orbit-designer-dark-mode

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.