Select and validate WCAG-compliant primary and accent color palettes for branding.
npx skills add https://github.com/nullhack/temple8 --skill design-colors
Please help me install this Agent Skill. Skill: design-colors Source: https://github.com/nullhack/temple8/tree/main/.opencode/skills/design-colors Command: npx skills add https://github.com/nullhack/temple8 --skill design-colors
Select and validate a project color palette with accessibility in mind, ensuring WCAG contrast compliance for text on primary backgrounds.
Evaluate branding context from docs/branding.md and propose a WCAG-compliant color palette with primary and accent colors.
High-intent search queries and answers about installing and using this skill.
Create a WCAG-compliant color palette by mapping project themes to meaningful hues, then verifying WCAG 2.1 AA contrast ratios against white text and adjusting colors as needed. This process ensures primary and accent colors remain accessible for branding.
WCAG 2.1 AA contrast validation checks if text remains readable against primary backgrounds. It measures luminance ratios to ensure accessibility, adjusting hues that fail compliance to guarantee your branding palette is legible for all users.
Update docs/branding.md by proposing a concise entry containing the validated primary and accent color set, along with accessibility rationale and contrast notes. This documents the WCAG-compliant palette directly within your project guidelines.
Yes, you can generate primary and accent colors from a basic theme brief. The process evaluates your branding context, maps the theme to appropriate hues, and builds a complete color set while validating accessibility compliance.
When branding colors fail WCAG contrast checks, the palette is adjusted as needed to meet compliance. The system modifies the non-compliant hues while preserving your project theme, ensuring text visibility on primary backgrounds.
LauraFlorentinConfigure brand identity in brand-config.md and enforce it on generated assets.
joncoronelDefine semantic color palettes and application guidance for UI designs.
andronicsGenerate accessible color palettes and validate WCAG contrast for UI designs.
OneWave-AIExtract dominant colors and harmony schemes from images and websites.
