Dark Mode Image

Adapt light-mode raster images to work in dark mode.

Installation

Run the ui.sh installer to add this skill in your project:

npx @uidotsh/install dark-mode-image --token=[token]

To install multiple skills at once, omit the skill name from the command:

npx @uidotsh/install --token=[token]

Creating dark mode images

Use the dark-mode-image skill to convert screenshots, illustrations, product mockups, photos, backgrounds, and textures into versions that work on dark surfaces:

/dark-mode-image product-screenshot.png

For example, a light-mode raster image can be adapted into a version that works on a dark background:

The skill hands off raster image work to image generation while preserving the image's purpose in the interface.

What this skill does

Adapts light-mode raster images for dark backgrounds.
Creates real dark-mode variants instead of CSS filter workarounds.
Preserves the original size, composition, softness, fades, and character.

Required model

This skill requires Codex, which uses OpenAI's gpt-image-2 model to generate dark-mode image variants.

Skills