AIKraft/AI/Войти
AIKraft/Skills/design-motion-principles

design-motion-principles

Эксперт по дизайну анимации и взаимодействия, основанный на техниках Эмиля Ковальски, Якуба Крехеля и Джея Томпкинса. Два режима — создание интерактивных компонентов с продуманной анимацией или аудит существующих анимаций для выявления паттернов «AI-slop» (аудит генерирует брендированный HTML-отчет с зацикленными демо). Используйте при создании, добавлении, анимировании или проверке UI-анимации: переходов, состояний при наведении, микро-взаимодействий, анимаций появления/исчезания или любой работы по дизайну анимации в React, Framer Motion, CSS или HTML. Предоставляет перспективы, специфичные для каждого дизайнера, с учетом контекстного взвешивания.

kylezantos official Дизайн

Что делает навык

Эксперт по дизайну анимации и взаимодействия, основанный на техниках Эмиля Ковальски, Якуба Крехеля и Джея Томпкинса. Два режима — создание интерактивных компонентов с продуманной анимацией или аудит существующих анимаций для выявления паттернов «AI-slop» (аудит генерирует брендированный HTML-отчет с зацикленными демо). Используйте при создании, добавлении, анимировании или проверке UI-анимации: переходов, состояний при наведении, микро-взаимодействий, анимаций появления/исчезания или любой работы по дизайну анимации в React, Framer Motion, CSS или HTML. Предоставляет перспективы, специфичные для каждого дизайнера, с учетом контекстного взвешивания.

Как подключить

1Скачать навык
# возьмите папку навыка «design-motion-principles» из репозитория: # https://github.com/kylezantos/design-engineer-auditor-package
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r design-motion-principles/ ~/.claude/skills/design-motion-principles/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.