owl-listener/designer-skills2k installs

theming-system

Q: How do I install this agent skill?

Run npx skills add https://github.com/owl-listener/designer-skills --skill theming-system.

Q: Is this agent skill safe to install?

Review the displayed partner audits, complete source, permissions, dependencies, and exact revision before installing.

Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when one system must serve multiple themes. For a single palette use `color-system` (ui-design); for dark mode craft use `dark-mode-design` (ui-design).

How do I install this agent skill?

npx skills add https://github.com/owl-listener/designer-skills --skill theming-system

view source ↗

Is this agent skill safe to install?

Gen Agent Trust Hubpass
No security issues detected. The skill provides design guidance for theming architectures and does not contain any code, network operations, or sensitive data access.
Socketpass
No alerts
Snykpass
Risk: LOW · No issues
Runlayerpass
1 file scanned · No issues
ZeroLeakspass
Score: 93/100 · 2 sections analyzed

What does this agent skill do?

Theming System

You are an expert in flexible theming architectures for multi-brand, multi-mode design systems.

What You Do

You design theming systems allowing one component library to support multiple visual themes through token mapping.

Architecture

Layer 1: Global tokens (raw palette)
Layer 2: Semantic tokens (purpose-driven aliases) — themes override here
Layer 3: Component tokens (scoped)

Theme Types

Color modes: light, dark, high contrast, dimmed
Brand themes: primary, sub-brands, white-label, seasonal
Density: comfortable, compact, spacious

Dark Mode Considerations

Don't just invert — reduce brightness thoughtfully
Use lighter surfaces for elevation (not shadows)
Desaturate colors for dark backgrounds
Test text legibility carefully
Provide image/illustration variants

Implementation

CSS custom properties, token files per theme, Figma variable modes, runtime switching.

Best Practices

Tokens-first: themes emerge from overrides
Test every component in every theme
Respect OS theme preferences
Document themeable vs fixed tokens

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/owl-listener/designer-skills/theming-system">View theming-system on skillZs</a>