Audit and optimize color contrast and accessibility in UI designs.
npx skills add https://github.com/eccstartup/grok_skills_bundle --skill color-eccstartup
Please help me install this Agent Skill. Skill: color Source: https://github.com/eccstartup/grok_skills_bundle/tree/main/color Command: npx skills add https://github.com/eccstartup/grok_skills_bundle --skill color-eccstartup
Choosing and auditing colors across projects can fail accessibility standards and perceptual guidelines, leading to unreadable interfaces and unsafe visuals. This Skill provides practical guidance, checks, and automation to help you pick accessible palettes, validate contrast, and audit perceptual hazards.
Run python scripts/audit_image.py screenshot.png to perform a full color accessibility audit.
High-intent search queries and answers about installing and using this skill.
You can check WCAG contrast compliance by running automated Python scripts to audit color pairs across light and dark modes, validating that your UI palette meets accessibility standards for readable interfaces.
Simulate color vision deficiency and chromostereopsis by running perceptual hazard analysis scripts on your images. This identifies unsafe visuals and accessibility issues caused by specific color combinations in your design.
Yes, you can generate an accessible color palette and create shade scales from a single brand color using the provided Python scripts, ensuring the generated shades maintain perceptual safety and accessibility.
Audit color accessibility directly from a screenshot by running the audit_image.py script with your image file, which extracts colors and performs a full contrast and perceptual safety review automatically.
Yes, you need the Pillow library installed, as the Python scripts rely on it for image processing, color extraction, and executing the underlying contrast checks and perceptual hazard simulations.
The best way to plan dark mode colors is to use automated design review scripts that validate contrast and simulate perceptual hazards like chromostereopsis, ensuring your dark mode UI remains accessible and visually safe.
aayushsoamConvert images into pixel art styles and create procedural animations.
jacob-balslevConstruct accessible color palettes and semantic tokens for light and dark themes.
motormetricsStandardize dashboard UI components, typography, and color usage.
jaainilGuide designers to create and validate WCAG-compliant accessible color palettes.
