# nothing-design

Скилл задаёт стиль интерфейса Nothing: монохром, строгую типографику и плотную работу с данными. Срабатывает только по явному запросу.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 336
- Автор: harperreed
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/harperreed/dotfiles/tree/HEAD/.claude/skills-archive/nothing-design/SKILL.md
- Обновлён: 2026-10-15
- HTML: https://affpapa.org/nevibecode/skills/nothing-design

## Что делает

nothing-design помогает проектировать интерфейсы в духе Nothing: с монохромной основой, заметной типографической иерархией, асимметричной композицией и редкими цветовыми акцентами. Он задаёт три уровня важности на экране, ограничивает число шрифтов, размеров и начертаний, а также учитывает светлую и тёмную темы.

Перед началом работы скилл требует объявить нужные Google Fonts и способ их загрузки. Для чтения и изменения проекта используются `Read`, `Write`, `Edit`, `Glob` и `Grep`. Автоматически для обычных задач по UI или дизайну он не запускается: нужен явный запрос вроде «Nothing style» или `/nothing-design`.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/nothing-design/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/nothing-design/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/nothing-design/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/nothing-design/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install harperreed/dotfiles nothing-design
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/nothing-design/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/harperreed/dotfiles --path .claude/skills-archive/nothing-design
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/nothing-design/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/harperreed/dotfiles/tree/HEAD/.claude/skills-archive/nothing-design/SKILL.md

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

## Примеры запросов агенту
- Примени `/nothing-design` к экрану дашборда и сохрани текущую структуру данных.
- Оформи этот интерфейс в стиле Nothing и сначала укажи нужные Google Fonts и способ их загрузки.
- Пересобери экран с тремя уровнями визуальной иерархии, монохромной палитрой и одним акцентом.

## Похожие
- [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл · 1025790 установок
- [grill-me](https://affpapa.org/nevibecode/skills/grill-me.md) — скилл · 1424476 установок
- [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · 678700 установок
- [prototype](https://affpapa.org/nevibecode/skills/prototype.md) — скилл · 986201 установка
- [grilling](https://affpapa.org/nevibecode/skills/grilling.md) — скилл · 979543 установки
- [codebase-design](https://affpapa.org/nevibecode/skills/codebase-design.md) — скилл · 850344 установки

Из того же набора: [harperreed/dotfiles](https://affpapa.org/nevibecode/by/harperreed/dotfiles.md) — 26 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md