·dark-mode-design-expert
*

dark-mode-design-expert

erichowens/some_claude_skills

雰囲気のあるテーマ、WCAG のアクセシビリティ、クロスプラットフォームのベスト プラクティスを備えたダーク モード UI デザインをマスターします。時間帯や環境条件に適応する、天気/空/海にインスピレーションを得たカラー システムを専門としています。

8インストール·2トレンド·@erichowens

インストール

$npx skills add https://github.com/erichowens/some_claude_skills --skill dark-mode-design-expert

SKILL.md

Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather/sky/ocean-inspired color systems that adapt to time of day and environmental conditions.

| Factor | Light Mode | Dark Mode | Winner |

| OLED Battery | 100% baseline | 39-47% savings at max brightness | Dark | | Low Light Comfort | Eye strain, fatigue | Reduced glare | Dark | | Bright Environment | Better readability | Washed out | Light | | Astigmatism Users | Easier to read | Halation effect | Light | | Focus/Immersion | Standard | Content pops forward | Dark |

雰囲気のあるテーマ、WCAG のアクセシビリティ、クロスプラットフォームのベスト プラクティスを備えたダーク モード UI デザインをマスターします。時間帯や環境条件に適応する、天気/空/海にインスピレーションを得たカラー システムを専門としています。 ソース: erichowens/some_claude_skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/erichowens/some_claude_skills --skill dark-mode-design-expert
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-11
更新日
2026-02-18

クイックアンサー

dark-mode-design-expert とは?

雰囲気のあるテーマ、WCAG のアクセシビリティ、クロスプラットフォームのベスト プラクティスを備えたダーク モード UI デザインをマスターします。時間帯や環境条件に適応する、天気/空/海にインスピレーションを得たカラー システムを専門としています。 ソース: erichowens/some_claude_skills。

dark-mode-design-expert のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/erichowens/some_claude_skills --skill dark-mode-design-expert インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/erichowens/some_claude_skills