crit-color-system

Generate and critique color-system palettes with WCAG AA conformance checks.

3|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-color-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crit-color-system
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-color-system
Command: npx skills add https://github.com/metedata/design-crit --skill crit-color-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate and critique color-system options for a design project to ensure accessibility and brand coherence.

Core Features & Use Cases

  • Evaluate brand tokens and surface/text color relationships across light and dark modes.
  • Produce 2-4 palette options with explicit contrast considerations and WCAG AA alignment.
  • Provide a structured critique report including rationale and a recommended locked direction.

Quick Start

Generate 2-4 color palettes for the current design brief and deliver a recommended direction with rationale.

Frequently Asked Questions about crit-color-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I critique a color palette for WCAG AA accessibility compliance?

To critique a color palette for WCAG AA compliance, evaluate brand tokens and surface/text relationships across light and dark modes. This process generates 2-4 palette options with explicit contrast checks and a structured rationale for a recommended locked direction.

How do I generate accessible dark-mode color tokens for a design system?

Generating accessible dark-mode color tokens requires evaluating surface and text color relationships for sufficient contrast. You can produce 2-4 palette options with explicit WCAG AA alignment, ensuring brand coherence and dark-mode viability across marketing sites and apps.

What is the best way to evaluate brand color tokens for dashboard and app designs?

Evaluating brand color tokens for dashboards and apps involves analyzing contrast and brand coherence across light and dark modes. This yields a structured critique report with multiple palette options, WCAG AA conformance checks, and a recommended design direction.

Can I use a color system critique for both marketing sites and web apps?

Yes, a color system critique applies to design reviews across dashboards, marketing sites, and apps. It evaluates brand tokens, surface and text colors, and dark-mode viability to deliver palette options with WCAG AA conformance checks and rationale.

How many color palette options should I generate during a design critique?

During a color system design critique, you should generate 2-4 palette options. Each option includes explicit contrast considerations, WCAG AA alignment, and a rationale, culminating in a recommended locked direction for your design project.

Why does my dark-mode color system fail WCAG AA contrast checks?

Dark-mode color systems fail WCAG AA contrast checks when surface and text color relationships lack sufficient contrast. Critiquing these brand tokens generates alternative palettes with explicit contrast considerations to ensure accessibility and brand coherence.