Generate accessible UI color palettes with OKLCH/HCT and WCAG AA contrast validation.
npx skills add https://github.com/ari-ayvazyan/AISkills --skill color-architect
Please help me install this Agent Skill. Skill: color-architect Source: https://github.com/ari-ayvazyan/AISkills/tree/main/skills/color-architect Command: npx skills add https://github.com/ari-ayvazyan/AISkills --skill color-architect
Generating cohesive, accessible color palettes that align with brand strategy and design systems, reducing guesswork and ensuring consistent theming across products.
Generate a cohesive color palette for a brand's UI and apply it to the current theming system.
High-intent search queries and answers about installing and using this skill.
Generate WCAG AA-compliant UI color palettes by applying perceptual color models like OKLCH or HCT to create a full tonal scale. This process validates all color combinations against contrast targets, ensuring accessible light and dark mode theming for your design system.
Create light and dark mode variants by mapping semantic roles such as success, warning, error, and info across a perceptually uniform color scale. This approach preserves visual weight and emotional impact while enforcing contrast compliance across all UI surfaces.
OKLCH color theory helps build accessible brand theming by using a perceptually uniform color model to generate consistent tonal scales. This ensures visual weight remains balanced across light and dark modes while automatically validating combinations against WCAG AA contrast targets.
Yes, you can automatically apply a generated color scale by integrating the palette into your detected theme file. The process updates the exact file paths and provides a clear, auditable summary of changes for design handoffs.
No specific framework dependency is required to generate semantic colors for UI components. The palette generation maps semantic roles like success, warning, error, and info to a neutral foundation, validating them against WCAG targets for direct integration.
A neutral foundation color scale provides the structural baseline for your design system, ensuring consistent surface colors across light and dark modes. It anchors the primary, secondary, and semantic colors while maintaining WCAG-compliant contrast across UI components.
shawn-sandyGenerate and update fpkit/acss CSS theme files with OKLCH color roles.
Marcus-Mok-GHAutomate shadcn/ui integration with OKLCH design tokens in Next.js projects.
ncsound919Standardize typography, color, spacing, and iconography into design tokens and guidelines.
fusengineGenerate OKLCH color palettes with WCAG AA/AAA contrast ratios and dark mode variations.
