Вы описываете анимацию своими словами, а навык называет её точный термин — по словарю Эмиля Ковальски о веб-анимации.
Чем навык помогает в работе.
Опишите задачу — и запустите навык в чате.
Как называется эффект, когда окно вырастает из кнопки, на которую нажали?
Есть ли термин для перетаскивания элементов списка с сортировкой?
Как называется резкий рывок в сторону, сигнализирующий об ошибке ввода?
Одна команда в терминале — навык добавится вашему агенту.
npx skills add https://github.com/emilkowalski/skills --skill animation-vocabulary
Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.
Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.
emil-design-eng · emilkowalski
Применяет подход известного дизайн-инженера к интерфейсам: когда стоит анимировать, какие кривые и длительности использовать, как сделать кнопки и попапы отзывчивыми.
review-animations · emilkowalski
Проверяет анимации и переходы в коде по жёстким правилам качества: скорость, плавность, точку отсчёта и доступность, и решает, пропускать код или нет.
apple-design · emilkowalski
Даёт агенту знания о принципах Apple по жестам, пружинным анимациям, полупрозрачным материалам и типографике из докладов WWDC. Помогает создать интерфейс, который ощущается отзывчивым и «живым».
frontend-design · anthropics
Создаёт сайты и интерфейсы с продуманным видом: подбирает цвета, шрифты и расположение блоков, а затем пишет готовый код.
web-design-guidelines · vercel-labs
Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.
canvas-design · anthropics
Создаёт постеры, обложки и другую визуальную графику в PNG и PDF: сначала придумывает художественную концепцию оформления, затем воплощает её на холсте с продуманной композицией и шрифтами.