К основному содержанию
скилл CX Codex

color-expert · nexu-io — скилл для Claude Code: цветовая наука в коде

Скилл с 286K слов справочных материалов по OKLCH, генерации палитр, контрасту и смешиванию пигментов. Пригодится, когда верстаешь тему или проверяешь доступность цветов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nexu-io/open-design --skill color-expert -a claude-code
Открыть на GitHub

Что делает color-expert

color-expert подключает к агенту справочник по цветовой науке: OKLCH и OKLAB, построение палитр, проверка контраста и доступности, названия цветов, смешивание пигментов, история теории цвета. Агент обращается к этим материалам, когда ему нужно подобрать оттенки или посчитать контраст, а не выдумывать значения на глаз.

Скилл собран из набора @meodai. В каталоге OpenDesign лежит только запись о нём, поэтому для полного рабочего процесса с исходными скриптами и ассетами нужно поставить upstream-бандл в папку скиллов твоего агента. После установки вызывай его по имени color-expert или одной из триггерных фраз: «color theory», «palette generator», «color science», «oklch palette», «contrast check».

Установка идёт через npx skills add nexu-io/open-design --skill color-expert с флагом под конкретного агента. Для GitHub Copilot команда другая — gh skill install. Если ставишь вручную, файл скилла лежит по пути вида ~/.claude/skills/color-expert/SKILL.md.

Какие задачи решает

  • собрать палитру в OKLCH под светлую и тёмную тему
  • проверить контраст текста и фона перед релизом
  • подобрать названия оттенкам для дизайн-системы
  • посчитать смешивание пигментов для иллюстрации
  • разобраться, почему два цвета выглядят одинаково ярко

Примеры запросов агенту

  • Собери палитру в OKLCH для тёмной темы и проверь контраст каждого оттенка с фоном
  • Проверь контраст текста #333 на фоне #f5f5f5 и скажи, проходит ли он по доступности
  • Подбери названия для этих пяти оттенков синего

Как установить color-expert

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill color-expert -a claude-code

2Вручную: положить файлы

~/.claude/skills/color-expert/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/color-expert/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о color-expert

Как установить color-expert в Claude Code?

Выполни npx skills add nexu-io/open-design --skill color-expert -a claude-code. Файл скилла окажется по пути ~/.claude/skills/color-expert/SKILL.md.

Что делает color-expert?

Даёт агенту справочник по цветовой науке: OKLCH и OKLAB, генерация палитр, контраст и доступность, названия цветов, смешивание пигментов, история теории цвета.

Для каких платформ подходит скилл?

Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для каждой платформы своя команда установки и свой путь к SKILL.md.

Исходный текст

SKILL.md · Apache-2.0
---
name: color-expert
description: |
  Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.
triggers:
  - "color theory"
  - "palette generator"
  - "color science"
  - "oklch palette"
  - "contrast check"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/meodai/skill.color-expert"
---

# color-expert

> Curated from @meodai.

## What it does

Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.

## Source

- Upstream: https://github.com/meodai/skill.color-expert
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/meodai/skill.color-expert
```

Then ask the agent to invoke this skill by name (`color-expert`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — color-expert от других авторов.

color-expert meodai Скилл для работы с колористикой, цветовым пространством OKLCH, шкалами дизайн-систем и палитрами для генеративной графики. CX Codex +1 2 700установок color-theory-palette-harmony-expert curiositech Скилл для подбора цветовых палитр и последовательностей фото: перцептивные пространства LAB и OKLCH, расстояние землекопа, чередование тёплых и холодных тонов. CX Codex +1 430установок color-system Owl-Listener Скилл собирает палитру продукта: тональные шкалы, семантические роли и проверку контраста по WCAG. Пригодится, когда цвета задают с нуля или переделывают. CX Codex +1 2 500установок colorize aladicf Скилл для ИИ-кодинга, который добавляет цвет в слишком серые интерфейсы: семантику состояний, акценты и цветовую иерархию. Пригодится, когда макет выглядит безжизненно. CX Codex +1 551установок dark-mode-design Owl-Listener Скилл переводит готовую светлую палитру в тёмную тему: уровни поверхностей, контраст, приглушение ярких цветов. Нужен, когда светлые токены уже есть. CX Codex +1 2 400установок color-motion iart-ai Скилл помогает подбирать палитры для моушн-дизайна, строить градиенты в пространстве OKLCH и устранять выцветание рендеров After Effects из-за сдвига гаммы. CX Codex +1 2 800установок pixijs-color pixijs Скилл по классу Color в PixiJS v8. Помогает переводить форматы цвета, настраивать tint и альфу, а также оптимизировать вызовы в циклах рендера через Color.shared и буферы. CX Codex +1 5 700установок

Из того же набора124

Весь набор →
canvas-design Скилл помогает создавать постеры, иллюстрации и другие статичные работы в PNG и PDF. Пригодится, когда агенту нужно подготовить визуальный материал по запросу. CX Codex +1 2 900установок pptx Скилл для работы с PowerPoint слайдами прямо в коде. Читает существующие колоды, генерирует новые и редактирует макеты — подойдёт для деловых презентаций, обучающих материалов и продакт-ревью. CX Codex +1 2 900установок ui-skills Набор правил и ограничений для сборки интерфейсов. Помогает агентам сохранять единый стиль, когда проект состоит из множества мелких компонентов. CX Codex +1 2 900установок brand-guidelines Скилл задаёт визуальный стиль Anthropic для артефактов: фирменные цвета и типографику. Пригодится при создании собственного дизайн-системного ориентира. CX Codex +1 2 900установок pdf Извлекает текст, собирает PDF-документы и заполняет формы. Помогает оформлять пресс-релизы, одностраничники и печатные макеты. CX Codex +1 3 000установок algorithmic-art Создаёт генеративную графику на p5.js с фиксированным сидом для воспроизводимых рендеров. Пригодится для процедурных постеров и арт-стадисов. CX Codex +1 2 800установок screenshots-marketing Генерирует маркетинговые скриншоты через Playwright для hero-блоков, App Store и changelog. Пригодится, когда нужен снимок интерфейса для публикации. CX Codex +1 2 800установок html-ppt-retro-quarterly-review Шаблон квартального отчёта в ретро-стилистике: сине-оранжевая гамма, крупная типографика, три «кинематографичных» слайда. Пригодится, когда нужен эффектный HTML-дек без сборщиков. CX Codex +1 2 800установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой