Skills
.Work. You
Rest

universal-theme

Community

Unified cross-platform theming for apps.

Software Engineering#theme#react-native#web#expo#dark-mode
AuthorEvanBacon
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables consistent light/dark/system theming across iOS, Android, and Web in Expo/React Native projects, preventing UI flashes and theme mismatches.

Core Features & Use Cases

  • Unified Theme State: centralizes mode (system, light, dark) and resolves the active theme per platform.
  • Web Integration: uses CSS color-scheme and .light/.dark classes to prevent layout shifts and support early theme application.
  • Native Consistency: leverages React Native Appearance API and useColorScheme for live theme updates.

Quick Start

Install and integrate a ThemeProvider and ThemeScript into your app. Wrap your app with ThemeContextProvider and include ThemeScript in your root layout to apply the correct theme on load and toggle modes with setMode.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: universal-theme
Download link: https://github.com/EvanBacon/crispy/archive/main.zip#universal-theme

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.