# perception-first-design

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

- плагин · `type=plugin` · Claude Code · ★ 157
- Автор: skovalik
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/skovalik/perception-first-design
- Обновлён: 2026-06-25
- HTML: https://affpapa.org/nevibecode/plugins/perception-first-design

## Что делает

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

Работает в трёх режимах. `evaluate` проверяет готовый артефакт — URL, скриншот, макет, HTML, текст. `solve` выводит решение из когнитивных ограничений, а не из интуиции. `analyze` разбирает гипотетические вопросы вроде «что будет, если убрать адресную строку». Есть и композитный режим `all`, который прогоняет все три на одном входе. Без явного вызова скилл сам определяет режим по формулировке.

Глубину прогонов автор советует подбирать по ставкам: одно решение — один проход, спецификация фичи — пять, лендинг или питч — десять. Каждый следующий проход даёт меньше, чем предыдущий, поэтому останавливаются, когда уверенность перестаёт расти. Для режима `evaluate` нужен сам артефакт: ссылка, файл или текст.

## Установка

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

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-community
```
В чате агента (не в терминале):
```text
/plugin install perception-first-design@claude-community
```

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

## Примеры запросов агенту
- Прогони PFD по этому лендингу: https://example.com
- Запусти PFD на нашей проблеме с онбордингом
- /perception-first-design:solve "Модальное окно или раскрытие на месте для FAQ по ценам?"

## Похожие
- [example-skills](https://affpapa.org/nevibecode/plugins/example-skills.md) — плагин · ★ 183839
- [impeccable](https://affpapa.org/nevibecode/plugins/impeccable.md) — плагин · ★ 88212
- [hyperframes](https://affpapa.org/nevibecode/plugins/hyperframes.md) — плагин · ★ 72481
- [playground](https://affpapa.org/nevibecode/plugins/playground.md) — плагин · ★ 44635
- [frontend-design](https://affpapa.org/nevibecode/plugins/frontend-design.md) — плагин · ★ 44635
- [visual-explainer](https://affpapa.org/nevibecode/plugins/visual-explainer.md) — плагин · ★ 10630

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