Микровзаимодействия
Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions
AIwondelai
official
Дизайн
Что делает навык
Skill помогает проектировать и оценивать микровзаимодействия (мелкие детали интерфейса), используя структуру из четырех частей: триггер, правила, обратная связь и циклы/режимы. Он позволяет превратить невидимые детали в полировку, которая отличает запоминающиеся продукты от обычных.
Когда применять
- Проработка мелких деталей интерфейса, таких как переключатели, поля ввода паролей, индикаторы загрузки или кнопки лайков.
- Анализ существующего микровзаимодействия на соответствие структуре Dan Saffer и выявление слабых мест.
- Оценка качества микровзаимодействия по шкале от 0 до 10 с использованием 8 пунктов быстрой диагностики.
- Получение конкретных рекомендаций по исправлению ошибок, таких как отсутствие обратной связи или скрытые режимы.
Как работает
- Определить микровзаимодействие и разложить его на четыре части: Trigger (триггер), Rules (правила), Feedback (обратная связь), Loops & Modes (циклы и режимы).
- Провести быструю диагностику по 8 критериям: наличие узнаваемого триггера, видимые состояния, простые правила, быстрая обратная связь (до 100 мс), эволюция со временем, отсутствие скрытых режимов и обучаемость без помощи.
- Подсчитать количество пройденных пунктов и вычислить оценку по формуле: round(passed / 8 × 10).
- Определить диапазон оценки (9-10, 5-6 или <=3) и описать текущее состояние продукта.
- Указать, какие именно пункты диагностики не пройдены, и предложить конкретные исправления для каждого.
Примеры запросов агенту
Проанализируй микровзаимодействие кнопки 'Лайк' по структуре Dan Saffer и дай оценку.
Оцени качество переключателя (toggle) в настройках профиля по 8 пунктам диагностики.
Предложи улучшения для индикатора загрузки, чтобы он соответствовал уровню 10/10.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «microinteractions» из репозитория:
# https://github.com/wondelai/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r microinteractions/ ~/.claude/skills/microinteractions/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.