color-expert · nexu-io — скилл для Claude Code: цветовая наука в коде
Скилл с 286K слов справочных материалов по OKLCH, генерации палитр, контрасту и смешиванию пигментов. Пригодится, когда верстаешь тему или проверяешь доступность цветов.
npx skills add nexu-io/open-design --skill color-expert -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/color-expert/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/color-expert/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill color-expert -a codex2Вручную: положить файлы
.agents/skills/color-expert/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill color-expert -a cursor2Вручную: положить файлы
.cursor/skills/color-expert/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design color-expert2Вручную: положить файлы
.github/skills/color-expert/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill color-expert -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/color-expertВручную: положить файлы
.devin/skills/color-expert/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill color-expert -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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 от других авторов.