# interfaces-that-feel

Скилл для оценки интерфейса, который работает правильно, но ощущается холодным. Подсказывает правки в текстах, анимации и взаимодействии.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1500 установок · ★ 3103
- Автор: Owl-Listener
- Лицензия: MIT · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/Owl-Listener/designer-skills/tree/HEAD/interaction-design/skills/interfaces-that-feel/SKILL.md
- Обновлён: 2026-09-05
- HTML: https://affpapa.org/nevibecode/skills/interfaces-that-feel

## Что делает

Скилл задаёт один вопрос: кажется ли, что интерфейс делал человек, который думал о том, каково вам будет им пользоваться? Техническая корректность — это пол. Потолок — эмоциональная читаемость.

Работа идёт в четыре шага. Сначала называется состояние человека в конкретный момент: ждёт и тревожится, приходит в себя после ошибки, радуется мелкой победе. Потом ищется физический аналог этого качества — мягкая поверхность гасит удар, задержка дыхания перед выдохом. Из аналога извлекается поведенческое свойство: вес, сопротивление, скорость, ритм. И только затем оно ложится на слой интерфейса — кривую сглаживания, задержку, тон текста, температуру цвета, отступы, длительность анимации.

Внутри есть таблица голоса текста по состояниям: загрузка, пустой экран, ошибка пользователя, ошибка системы, успех, онбординг. Для ошибки системы правило жёсткое — вина на продукте, не на человеке. Отдельно разобрана анимация: линейная кривая годится только там, где нет человеческого чувства, а жёсткая пружина читается как уверенность, мягкая — как игривость. Скилл советует начинать с состояния человека, а не с задачи, и убирать движение раньше, чем добавлять. Проверять стоит с включённым режимом уменьшенной анимации.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Owl-Listener/designer-skills interfaces-that-feel
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Owl-Listener/designer-skills --path interaction-design/skills/interfaces-that-feel
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Owl-Listener/designer-skills/tree/HEAD/interaction-design/skills/interfaces-that-feel/SKILL.md

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

## Примеры запросов агенту
- прогони этот экран через interfaces-that-feel и скажи, что тут ощущается холодным
- оформи состояния загрузки, пустого списка и ошибки по правилам скилла
- проверь анимации по чек-листу: где движение несёт смысл, а где просто тянет время

## Похожие
- [make-interfaces-feel-better](https://affpapa.org/nevibecode/skills/affaan-m-make-interfaces-feel-better.md) — скилл · 4700 установок
- [designing-frontend-interfaces](https://affpapa.org/nevibecode/skills/designing-frontend-interfaces.md) — скилл · 642 установки
- [prototype](https://affpapa.org/nevibecode/skills/emilkowalski-prototype.md) — скилл · 174300 установок
- [design-with-taste](https://affpapa.org/nevibecode/skills/design-with-taste.md) — скилл · 758 установок
- [fitness-wellness](https://affpapa.org/nevibecode/skills/fitness-wellness.md) — скилл · 661 установка
- [healthcare-medical](https://affpapa.org/nevibecode/skills/healthcare-medical.md) — скилл · 604 установки

Из того же набора: [owl-listener/designer-skills](https://affpapa.org/nevibecode/by/owl-listener/designer-skills.md) — 109 карточек

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