Skills
.Work. You
Rest

dark-mode-check

Official

Audit dark mode correctness in SCSS/TSX.

Software Engineering#theming#code audit#dark mode#lint#CSS variables#SCSS#TSX
Authoranyproto
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers ensure that codebases adhere to consistent dark mode theming across styles and components, preventing visual regressions when switching themes.

Core Features & Use Cases

  • Static checks for CSS variable usage and proper theme class activation (e.g., html.themeDark).
  • Identify hardcoded color values and suggest replacements with CSS variables.
  • Flag missing dark variants for icons and components.
  • Audit for inline dark overrides and propose relocating them to the dark theme files.
  • Use cases include code reviews, adding new components, or auditing a folder of components for dark mode compliance.

Quick Start

Run the skill against your codebase to report dark mode hotspots and remediation steps. For example, apply it to a project folder like src/ to generate a prioritized report.

Dependency Matrix

Required Modules

None required

Components

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-check
Download link: https://github.com/anyproto/anytype-ts/archive/main.zip#dark-mode-check

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 223,000+ vetted skills library on demand.