Generate accessible brand and UI color palettes with WCAG contrast ratios.
npx skills add https://github.com/ngochuy13/intern-dev --skill color-palette-ngochuy13
Please help me install this Agent Skill. Skill: color-palette Source: https://github.com/ngochuy13/intern-dev/tree/main/skills/color-palette Command: npx skills add https://github.com/ngochuy13/intern-dev --skill color-palette-ngochuy13
This Skill helps you create and refine brand and UI color palettes while ensuring accessibility by validating contrast ratios against WCAG requirements.
Provide a primary base hex color and describe the brand personality, then ask for an accessible palette with dark mode and WCAG contrast checks.
High-intent search queries and answers about installing and using this skill.
To generate an accessible color palette, provide a primary base hex color and describe your brand personality. The system produces cohesive brand, semantic, and neutral colors with exact hex, RGB, and HSL values.
You can verify foreground and background color combinations for WCAG compliance. The contrast check evaluates specific color pairs and labels the results as AA, AAA, or Fail based on accessibility requirements.
Dark mode generation adjusts brightness and saturation for dark mode equivalents rather than simply inverting colors. This creates a visually cohesive dark theme while maintaining the original brand identity and accessibility.
A generated theme includes primary, secondary, and accent brand colors, a neutral scale, and semantic colors for success, warning, error, and info states. These are output as structured semantic color tokens.
You can audit specific color contrast pairs by providing the foreground and background colors. The system evaluates the contrast ratio and labels the combination as passing AA, passing AAA, or failing WCAG requirements.
To adjust an existing design system theme, provide your current colors and request WCAG contrast checks. The system audits foreground and background combinations and generates accessible alternatives with verified contrast ratios.
petbrainsGenerate accessible color palettes and themes from brand colors with WCAG contrast validation.
winsorllcConvert and manipulate color values across HEX, RGB, HSL, and CMYK formats.
WebWakaHubDesign accessible, pixel-perfect UI design systems with WCAG AA compliance.
jholhewresCalculate WCAG contrast ratios between foreground and background colors.
