Tokenized Color System

Name: Tokenized Color System
Author: @design_ops_sarah

Design TokensTailwindUpdated 2026-08-05

When to use: Setting up theming and dark mode.

Install

npx skills add tokenized-color-system

Git Clone

git clone https://github.com/skillhub-community/tokenized-color-system.git

Sets up a semantic color token layer (background, surface, primary, on-primary, etc.) as CSS variables and maps them into Tailwind's theme.

Keeps light/dark switching to a single class toggle with no component-level color literals.

AI Hub

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Author@design_ops_sarah

LicenseMIT

Version3.1.0

Dependencies0