Цветовая система для цифровых продуктов

★ 8.2 · content

better-colors is a Claude Code skill that covers the full lifecycle of a color system for digital products — from building and naming a palette to applying it consistently and verifying contrast. Six reference files handle distinct concerns: palette structure (ramps, neutrals, status colors), ramp generation from a brand color with dark-mode support, two-tier token naming (primitives by hue, semantic tokens by role), color usage rules (one meaning per color, gradients, emphasis), APCA and WCAG contrast checking, and format work including notation choice, conversion, and Display P3 fallbacks. Contrast accessibility is intentionally delegated to better-accessibility; surfaces and shadows belong to better-ui. The skill suits teams creating a new oklch-based system, auditing an existing codebase, or migrating to semantic design tokens.