Apply a 2-4 color palette to UI designs with semantic states and accessible contrast.
npx skills add https://github.com/adperem/adperem.github.io --skill colorize-adperem
Please help me install this Agent Skill. Skill: colorize Source: https://github.com/adperem/adperem.github.io/tree/main/.agents/skills/colorize Command: npx skills add https://github.com/adperem/adperem.github.io --skill colorize-adperem
This skill helps teams avoid dull interfaces by strategically adding color to designs that feel grayscale or emotionally flat, improving clarity and engagement.
Begin by summarizing the current design goals and any brand color constraints, then propose a 2-3 color palette aligned to those constraints.
High-intent search queries and answers about installing and using this skill.
To colorize a monochrome UI, apply a strategic 2-4 color palette mapped to semantic states and hierarchy. This adds warmth and meaning to flat surfaces while enforcing accessible contrast guidelines to maintain usability.
The best way to map semantic colors is enforcing a minimal 2-4 color palette and assigning specific tints to states like success, warning, and info. This ensures UI components convey status and priority consistently across forms and cards.
Yes, you can apply accessible contrast guidelines when colorizing dashboard charts and cards. The process enforces contrast standards in style decisions, ensuring semantic colors mapped to data states remain readable and visually interesting.
To strategically warm up dull grayscale interfaces, apply brand-consistent tints to surfaces, typography, and components. This targeted color plan improves usability and mood by conveying status and priority across the monochrome product design.
RenyEnnosGenerate DESIGN.md design-system documentation from Stitch project assets.
wzyxdwllCreate brand-aligned color palettes and apply semantic mappings to UI components.
damacusApply UI design principles to Claude for clear, usable interfaces.
trydyddApply a brand-aligned 2-4 color palette to interface semantic states, accents, backgrounds, and typography.
