Semantic theme key rendering
Skill vishuwa2004/cskill-agents/skills/semantic-theme-key-rendering
Build curated agent skills for coding CLIs, terminal tools, context engines, remote bridges, and multi-agent runtimes
npx -y skills add vishuwa2004/cskill-agents --skill semantic-theme-key-renderingAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Resolve semantic theme keys into terminal-safe colors with contextual overrides before rendering text.
SKILL.md
1.6 KB, as published. Nobody here has run it
SKILL: Semantic Theme-Key Rendering
Domain: terminal-ui Trigger: Use when terminal components accept semantic color names rather than hardcoded ANSI or RGB values. Source Pattern: Distilled from reviewed themed terminal text and palette resolution patterns.
Core Method
Treat incoming color props as either literal color syntax or semantic theme keys that must be resolved through the active palette. Let contextual overrides such as hover, inactive, dim, inverse, or background state win before the final style reaches the renderer. This centralizes color logic in one path so components stay portable across palettes and state transitions.
Key Rules
- Detect literal color syntax first; only unresolved values should be treated as semantic theme keys.
- Apply contextual overrides before final rendering so hover and dim states do not require duplicate component logic.
- Resolve colors through the active theme provider so palette changes propagate without rewriting call sites.
Example Application
If a status label is configured as warning and becomes dim while idle, resolve warning through the current theme, then apply the idle override before rendering the final text.
Anti-Patterns (What NOT to do)
- Do not hardcode RGB values inside every component.
- Do not ignore contextual overrides such as hover or inactive state.
- Do not duplicate theme lookup logic across unrelated terminal components.