Apply structured color strategies to monochromatic interfaces with WCAG contrast.
npx skills add https://github.com/jkhowland/jkhowland --skill colorize-jkhowland
Please help me install this Agent Skill. Skill: colorize Source: https://github.com/jkhowland/jkhowland/tree/main/.claude/skills/colorize Command: npx skills add https://github.com/jkhowland/jkhowland --skill colorize-jkhowland
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
Colorize the target feature or component to add brand-aligned color and improved visual hierarchy.
High-intent search queries and answers about installing and using this skill.
Apply a structured color strategy across semantic states, accents, backgrounds, typography, and borders to enhance visual hierarchy. Use a defined palette of 2-4 non-neutral colors to maintain brand cohesion and improve interface engagement.
Apply semantic color to UI components by assigning consistent meanings across status indicators, hierarchy levels, and interactive elements. Maintain consistent color meanings across the product to indicate status and hierarchy effectively.
WCAG contrast compliance ensures accessibility-conscious color application across typography, borders, and backgrounds. Verify contrast ratios for all semantic and accent colors to maintain readability and accessibility standards.
Apply custom brand palettes by aligning accent and typography color strategies with your defined 2-4 non-neutral colors. This ensures brand cohesion while adding purposeful color to decorative elements and semantic states.
Avoid broad color application when a monochromatic interface already provides clear visual hierarchy and meaning. Over-applying color without a structured palette strategy can reduce accessibility and dilute brand cohesion.
Apply purposeful color across typography, borders, backgrounds, and decorative UI elements. This structured application enhances visual interest and hierarchy while maintaining consistent color meanings across the product.
MuccariniApply 2-4 color palettes to monochromatic UI designs with semantic and accessible colors.
CANTAGESTUDIOAudit UI color contrast and accessibility metrics against WCAG guidelines.
christopheryeoApply Sentient.io brand guidelines for logos, colors, typography, and layouts.
K9i-0Extract design tokens from reference images and apply them to Flutter ThemeData.
