Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Theming System — measured AI agent skill | DecimalAI

owl-listener/theming-system

NewSkillScoreMaintained

Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.

Frontendby owl-listener

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

decimalai skills pull owl-listener-theming-system

Get this skill — curl · raw file

curl -fsSL https://app.decimal.ai/s/owl-listener-theming-system/SKILL.md

Raw file: /s/owl-listener-theming-system/SKILL.md ↗ · machine-readable summary at /s/owl-listener-theming-system.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 4h ago

No measurable change+7% tokens0% turns95% of whole cases pass with skill (21/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-01	✗→✓	▲ Improved	-6%	0%
case-20	✓→✗	▼ Worse	19%	0%
case-02	✓→✓	＝ Same ✓	-3%	0%
case-15	✓→✓	＝ Same ✓	19%	0%
case-03	✓→✓	＝ Same ✓	17%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

owl-listener / designer-skills

design-systems/skills/theming-system/SKILL.md

View on GitHub ↗

License MITImported 8/10/2026Version v1

Skill contents

SKILL.md

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

Want to see if owl-listener/theming-system would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.