YuzukiTsuru

Themes — Design skill for Claude Code

Design community

Work with the theme system (ThemeProvider, theme switching, CSS variables).

How to install Themes

Installs to ~/.claude/skills/yuzukitsuru-openixwidgets-themes/SKILL.md

Terminal

mkdir -p ~/.claude/skills/yuzukitsuru-openixwidgets-themes && curl -fsSL https://raw.githubusercontent.com/YuzukiTsuru/OpenixWidgets/HEAD/.claude/skills/themes.md -o ~/.claude/skills/yuzukitsuru-openixwidgets-themes/SKILL.md

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

What Themes does

name: themes description: Work with the theme system (ThemeProvider, theme switching, CSS variables) trigger: code imports from './Themes' or '../Themes', or user asks about themes, colors, dark mode, or styling

Themes Module Skill

This skill helps you work with the theme system in OpenixWidgets.

Theme System Overview

ThemeProvider

React context provider that manages theme state
Location: src/Themes/ThemeProvider.tsx
Props: initialMode (light/dark/system), initialThe

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★