Skills
.Work. You
Rest

theming

Community

Unified design tokens for all platforms.

Design & Creative#theming#design tokens#tailwind#dark mode#react native#css variables#rails
AuthorKaakati
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures a consistent visual identity and user experience across all your applications by providing a unified system for design tokens and theming.

Core Features & Use Cases

  • Cross-Platform Consistency: Apply the same design language (colors, typography, spacing) to Rails, ReactJS, Next.js, and React Native projects.
  • Dark/Light Mode Management: Implement seamless dark and light mode switching with WCAG AA contrast compliance.
  • Use Case: When developing a new feature, use this Skill to ensure its colors, fonts, and spacing align perfectly with the existing design system across your web and mobile applications.

Quick Start

Apply the 'Modern Preset' to the project's design tokens.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: theming
Download link: https://github.com/Kaakati/sdh-claude-skills/archive/main.zip#theming

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.