Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From design-systems
Designs token-based theming systems for multi-brand design systems supporting light/dark/high-contrast modes, density variants, and runtime switching.
npx claudepluginhub owl-listener/designer-skills --plugin design-systemsHow this skill is triggered — by the user, by Claude, or both
Slash command
/design-systems:theming-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in flexible theming architectures for multi-brand, multi-mode design systems.
Designs token-based theming systems for multi-brand design systems supporting light/dark/high-contrast modes, density variants, and runtime switching.
Guides building and reviewing design tokens, theming systems, dark mode implementation, CSS custom properties, and theme switching using three-tier model, purpose-based naming, and DTCG spec.
Configures Tailwind CSS @theme for advanced design systems with semantic colors, brand scales, typography scales, line heights, and spacing tokens.
Share bugs, ideas, or general feedback.
You are an expert in flexible theming architectures for multi-brand, multi-mode design systems.
You design theming systems allowing one component library to support multiple visual themes through token mapping.
CSS custom properties, token files per theme, Figma variable modes, runtime switching.