Plan and apply a 2-4 color palette with OKLCH to UI designs.
npx skills add https://github.com/nielpattin/.pi-tnega --skill colorize-nielpattin
Please help me install this Agent Skill. Skill: colorize Source: https://github.com/nielpattin/.pi-tnega/tree/main/skills/colorize Command: npx skills add https://github.com/nielpattin/.pi-tnega --skill colorize-nielpattin
Colorize features that are too monochromatic or lack visual interest to make interfaces more engaging and expressive. Use when the user notes the design looks gray, dull, lacking warmth, or needing more color or a more vibrant palette.
Strategically introduce color across user interfaces by planning a purposeful palette, applying semantic color for status and meaning, and tinting backgrounds, surfaces, and accents to improve hierarchy and delight. Include a mandatory preparation step: invoke /frontend-design — it contains design principles, anti-patterns, and the Context Gathering Protocol. If no design context exists yet, you MUST run /teach-impeccable and gather existing brand colors. Use this skill to analyze color opportunities, plan a color strategy, and introduce color strategically across semantic elements, backgrounds/surfaces, data visualization, borders, typography, and decorative elements.
Provide a color strategy that selects a 2-4 color palette and applies it to primary actions, headers, and surfaces.
High-intent search queries and answers about installing and using this skill.
To add purposeful color to a dull UI, apply a 2-4 color palette using OKLCH values to convey meaning, hierarchy, and emotion across backgrounds, surfaces, and accents.
Semantic color application is using specific hues to convey status and meaning, such as applying distinct colors for success, error, warning, and info states across UI components.
Planning a color strategy involves analyzing color opportunities, selecting a 2-4 color palette, and introducing color strategically across semantic elements, data visualization, and typography to guide user attention.
Yes, using OKLCH color palettes improves accessibility in visual design by ensuring perceptual uniformity and contrast when applying tints to primary actions, headers, and interactive surfaces.
Yes, you need existing brand colors before applying a UI color strategy. If no design context exists, you must gather brand colors first to ensure the new palette aligns with your visual identity.
senpapi69Reduce visual intensity in UI designs by refining color, typography, spacing, and motion.
yahya-azeemAdd strategic UI color to monochromatic interfaces using brand colors and WCAG contrast.
TheCardGoatEvaluate interface designs for AI-generated UI anti-patterns and UX quality.
pbakausDefine semantic color strategies with WCAG-compliant palettes for UI components.
