Diagnose and correct imbalanced UI colors using HSB rules and palette extraction.
npx skills add https://github.com/dawitlabs/ui-skills --skill uicolor
Please help me install this Agent Skill. Skill: uicolor Source: https://github.com/dawitlabs/ui-skills/tree/main/skills/uicolor Command: npx skills add https://github.com/dawitlabs/ui-skills --skill uicolor
When the UI looks flat, cold, garish, or “off,” the visual direction is usually inconsistent: brand color is overused or underused, neutrals lack a hue whisper, shadows are harsh (pure black), and interactive states don’t provide clear feedback. This Skill audits the rendered palette and corrects every color decision using HSB-based rules so the UI regains hierarchy, harmony, and temperature consistency.
Run the uicolor skill to audit the rendered colors on the current screen and automatically correct tokenized colors using the project’s DESIGN-BRIEF direction.
High-intent search queries and answers about installing and using this skill.
Fix flat shadows by applying HSB-based shadow tinting rules to correct tokenized color values. This replaces harsh pure black shadows with temperature-consistent tints that match the UI's warm or cool direction.
Correct interactive state inconsistency by extracting the rendered palette and updating color values via HSB rules. This validates that hover, active, disabled, and focus states provide clear visual feedback before and after changes.
Enforce 60-30-10 coverage by capturing screens to measure color distribution, ranking issues by measurable impact, and updating token values. This ensures primary and accent coverage matches visual laws and hierarchy requirements.
A token-first UI color audit requires existing design token definitions to correct token values via HSB rules. It validates behavior across screens by extracting screenshots and palette JSON until hue whisper consistency and tinted shadows meet the checklist.
Remove lifeless neutrals by injecting a hue whisper and fix shadow flatness by replacing pure black with tinted shadows using HSB color theory. This token-aware iteration corrects values and validates the visual hierarchy before and after.
Nhqvu2005Generate UI color palettes with Hex codes and CSS variables.
systempromptioEnforce branded visual design consistency using OKLCH tokens and fluid typography.
Logisoft-webGenerate design tokens and export them as CSS variables.
shipiitGenerate SVG illustrations with design tokens, viewBox conventions, and accessibility.
