Dark Mode Generator

Add dark mode support to components using AI. Use when building theme toggles or retrofitting dark mode.

GitHub

Manus

Run Skill in Manus↗

How to load & run skills

Claude

OpenAI

OpenAI Codex↗

Cursor

Antigravity

GitHub

Repo↗Homepage↗

README.md

Rendered from GitHub raw

On this page

ai-dark-mode Install Usage Adds dark mode to a single file Adds dark mode to all components in a directory Preview without writing Setup Options License

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