phazurlabs

Dark — Development skill for Claude Code

Development community

Generate a complete dark mode system — oklch luminance mapping, surface elevation, accent adjustments, shadows, toggle component, and dark tokens.

How to install Dark

Installs to ~/.claude/skills/phazurlabs-sumi-dark/SKILL.md

Terminal

mkdir -p ~/.claude/skills/phazurlabs-sumi-dark && curl -fsSL https://raw.githubusercontent.com/phazurlabs/sumi/HEAD/commands/dark.md -o ~/.claude/skills/phazurlabs-sumi-dark/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Dark does

name: dark description: "Generate a complete dark mode system — oklch luminance mapping, surface elevation, accent adjustments, shadows, toggle component, and dark tokens." argument-hint: "[existing palette or token file]"

Dark — Dark Mode System Generator

Before running

This command needs an existing palette or token file to map.

If the user invoked it with nothing and no target is evident from the conversation or open files, ask for it in one plain-language question and stop.

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Sprint Plan — Plan sprints with capacity, story selection, and risk mapping 7.8k ★
Discipline — Toggle discipline mode — auto-invoke verification, brainstorming-before-coding, and review checks 2.8k ★