nothing-design — скилл для Claude Code: установка и работа
Скилл задаёт стиль интерфейса Nothing: монохром, строгую типографику и плотную работу с данными. Срабатывает только по явному запросу.
npx skills add harperreed/dotfiles --skill nothing-design -a claude-codeЧто делает nothing-design
nothing-design помогает проектировать интерфейсы в духе Nothing: с монохромной основой, заметной типографической иерархией, асимметричной композицией и редкими цветовыми акцентами. Он задаёт три уровня важности на экране, ограничивает число шрифтов, размеров и начертаний, а также учитывает светлую и тёмную темы.
Перед началом работы скилл требует объявить нужные Google Fonts и способ их загрузки. Для чтения и изменения проекта используются Read, Write, Edit, Glob и Grep. Автоматически для обычных задач по UI или дизайну он не запускается: нужен явный запрос вроде «Nothing style» или /nothing-design.
Какие задачи решает
- задать монохромную визуальную систему интерфейса
- разделить экран на три уровня иерархии
- ограничить набор шрифтов, размеров и начертаний
- собрать светлую и тёмную версии экрана
- расставить один выразительный акцент среди нейтральных элементов
Примеры запросов агенту
- Примени
/nothing-designк экрану дашборда и сохрани текущую структуру данных. - Оформи этот интерфейс в стиле Nothing и сначала укажи нужные Google Fonts и способ их загрузки.
- Пересобери экран с тремя уровнями визуальной иерархии, монохромной палитрой и одним акцентом.
Как установить nothing-design
1Через Skills CLI (Vercel)
npx skills add harperreed/dotfiles --skill nothing-design -a claude-code2Вручную: положить файлы
~/.claude/skills/nothing-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/nothing-design/
1Через Skills CLI (Vercel)
npx skills add harperreed/dotfiles --skill nothing-design -a codex2Вручную: положить файлы
.agents/skills/nothing-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add harperreed/dotfiles --skill nothing-design -a cursor2Вручную: положить файлы
.cursor/skills/nothing-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install harperreed/dotfiles nothing-design2Вручную: положить файлы
.github/skills/nothing-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add harperreed/dotfiles --skill nothing-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/harperreed/dotfiles --path .claude/skills-archive/nothing-designВручную: положить файлы
.devin/skills/nothing-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add harperreed/dotfiles --skill nothing-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о nothing-design
Как установить nothing-design в Claude Code?
Выполните npx skills add harperreed/dotfiles --skill nothing-design -a claude-code, затем проверьте файл ~/.claude/skills/nothing-design/SKILL.md.
Что делает nothing-design?
Скилл помогает создавать интерфейсы в стиле Nothing: с монохромной палитрой, строгой типографикой, крупными ключевыми значениями и сдержанной композицией. Он активируется по явному запросу.
Какие инструменты использует скилл?
Для работы с проектом скилл использует Read, Write, Edit, Glob и Grep. Перед дизайном он также требует объявить Google Fonts и способ их загрузки.
