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