perception-first-design — плагин для Claude Code: диагностика дизайна
Разбирает интерфейс, письмо или лендинг по пяти слоям восприятия и говорит, что чинить первым. Пригодится, когда спорят о вкусах, а не о причинах.
/plugin marketplace add anthropics/claude-plugins-community
/plugin install perception-first-design@claude-communityЧто делает perception-first-design
Плагин добавляет скилл, который прогоняет любой материал через пять слоёв: когнитивную нагрузку, первое впечатление за 50 мс, лёгкость обработки, искажения восприятия и архитектуру решения. Слои чинятся снизу вверх, потому что провал на нижнем уровне блокирует всё, что выше. Внутри — фреймворк на 700+ строк примерно со 100 ссылками на рецензируемые работы.
Работает в трёх режимах. evaluate проверяет готовый артефакт — URL, скриншот, макет, HTML, текст. solve выводит решение из когнитивных ограничений, а не из интуиции. analyze разбирает гипотетические вопросы вроде «что будет, если убрать адресную строку». Есть и композитный режим all, который прогоняет все три на одном входе. Без явного вызова скилл сам определяет режим по формулировке.
Глубину прогонов автор советует подбирать по ставкам: одно решение — один проход, спецификация фичи — пять, лендинг или питч — десять. Каждый следующий проход даёт меньше, чем предыдущий, поэтому останавливаются, когда уверенность перестаёт расти. Для режима evaluate нужен сам артефакт: ссылка, файл или текст.
Какие задачи решает
- понять, почему посетители уходят с лендинга до заголовка
- вывести требования к интерфейсу из когнитивных ограничений, а не из вкуса
- объяснить стейкхолдеру, чем плох его инстинкт, со ссылкой на исследования
- проверить онбординг или письмо на разрывы в цепочке до действия
- разобрать гипотетику вроде удаления элемента интерфейса по слоям восприятия
Примеры запросов агенту
- Прогони PFD по этому лендингу: https://example.com
- Запусти PFD на нашей проблеме с онбордингом
- /perception-first-design:solve "Модальное окно или раскрытие на месте для FAQ по ценам?"
Как установить perception-first-design
Через маркетплейс плагинов
/plugin marketplace add anthropics/claude-plugins-community/plugin install perception-first-design@claude-communityПо шагам, с командами для каждой платформы: Плагины Claude Code: маркетплейсы, установка и как собрать свой
Вопросы о perception-first-design
Как установить perception-first-design в Claude Code?
Через маркетплейс: сначала /plugin marketplace add anthropics/claude-plugins-community, затем /plugin install perception-first-design@claude-community.
Что делает perception-first-design?
Прогоняет дизайн, письмо или питч через пять слоёв восприятия и показывает, какой слой сломан и в каком порядке его чинить. Работает в режимах оценки, вывода решения и анализа.
Чем режимы evaluate, solve и analyze отличаются друг от друга?
evaluate проверяет готовый артефакт по слоям, solve выводит решение из когнитивных ограничений, analyze разбирает гипотетические вопросы. Режим all запускает все три на одном входе.
