dark-mode

✓Verified·Scanned 2/18/2026

This skill is a CLI tool that scans frontend components and uses the OpenAI SDK to generate dark-mode variants. It requires the OPENAI_API_KEY env var, includes commands like npx ai-dark-mode ./src/components/Button.tsx, and calls openai.chat.completions.create to submit file contents.

from clawhub.ai·vb6b7393·60.5 KB·0 installs

Scanned from 1.0.1 at b6b7393 · Transparency log ↗

$ vett add clawhub.ai/lxgicstudios/dark-mode

ai-dark-mode

Add dark mode support to any component or entire directory. Handles CSS variables, Tailwind dark: prefixes, and prefers-color-scheme.

Install

npm install -g ai-dark-mode

Usage

npx ai-dark-mode ./src/components/Card.tsx
# Adds dark mode to a single file

npx ai-dark-mode ./src/components/
# Adds dark mode to all components in a directory

npx ai-dark-mode ./src/components/Card.tsx --dry-run
# Preview without writing

Setup

export OPENAI_API_KEY=sk-...

Options

--dry-run - Print result without writing to disk

License

MIT