Product · Global library

Dark Mode Architect

Implement theme systems with contrast safety, system preference support, and smooth state transitions.

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use Dark Mode Architect when you need to implement theme systems with contrast safety, system preference support, and smooth state transitions, especially when the work is driven by dark mode and theme toggle.

Trigger signals

dark modetheme togglecolor contrast

Validation hooks

verify_color_contrast

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show dark-mode-architect

Use

orchestrator-mcp skills export dark-mode-architect --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/dark-mode-architect ./your-agent-skills/dark-mode-architect
# or open skills/dark-mode-architect/SKILL.md in a markdown-first client

File patterns

**/*.tsx**/*.css**/theme/**

Model preferences

qwen3-coder:480b-cloudmoonshotai/kimi-k2.5qwen2.5-coder:32b

Related skills

Adjacent packs to compose next.

Make site and app navigation work cleanly for keyboard and screen-reader users without feeling like a compliance add-on.

CodexClaude Code

Streamlines design system operations, Figma workflows, and cross-functional collaboration to scale design impact across organizations

CodexClaude Code

Turn empty and null states into contextual guidance that helps users reach value instead of dead ends.

CodexClaude Code

Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.

Dark Mode Architect

Copy the exact command path you need.

Adjacent packs to compose next.

Accessibility-First Navigator

Design Ops Coordinator

Empty State Storyteller