ui-motion

Plugin ui-motion from marketplace hamidun in JHamidun/claude-code-config-pack. Commands read from the repo's manifest — 26 days ago.

Skills (13)

• animations

  Таймлайн-анимации в HTML (React): плеер, скраббер, ease. Триггеры: «анимация в HTML», «motion design», «интро», «transitions для презентации». НЕ: мультик кодом в MP4 с голосом и звуком→code-cartoon.

• comment-injector

  Overlay в HTML: Alt+Click кладёт в clipboard селектор и outerHTML, Shift+Alt+Click — пачку пометок. Триггеры: «ревью прототипа в браузере», «убери всё отмеченное».

• device-frames

  CSS-рамки iOS, Android, окно macOS и браузера вокруг макета. Триггеры: «в iPhone», «iOS frame», «browser frame».

• emil-design-eng

  Философия UI-полиша Emil Kowalski: анимации, микродетали. Триггеры: «отполируй интерфейс», «UI polish». Цифры → review-animations/STANDARDS.md.

• forms-a11y

  Как размечать доступную форму: label, ошибки, focus-management, fieldset. Триггеры: «доступная форма», «accessible form». НЕ прогнать проверку→a11y-audit.

• live-preview

  Локальный сервер с auto-reload для итеративной работы над HTML/CSS — браузер обновляется при сохранении. Триггеры: «live reload», «browser-sync».

• microinteractions

  Готовые snippets анимированных микро-фич: skeleton, success-tick, stagger reveal, parallax. Триггеры: «оживи прототип», «hover эффекты».

• mobile-overlays

  Мобильные оверлеи поверх device-frames: iOS-клавиатура, bottom sheet, тосты. Триггеры: «action sheet», «toast», «mobile UI overlay».

• review-animations

  Ревью анимаций и motion-кода по планке Emil Kowalski: по умолчанию флагует. Триггеры: «проверь анимацию», «ревью motion-кода», «анимация дёргается», «review animations».

• screen-labels

  Атрибут data-screen-label на каждом экране/слайде артефакта — правки адресуются «слайд 5». Триггеры: «подпиши экраны», «метки слайдов».

• text-to-lottie

  Собирает Lottie (Bodymovin) JSON и разворачивает npm-проект skia-плеера (degit+vite) для превью. Триггеры: «лотти», «анимированная иконка», «лоадер», «after effects в json».

• tweaks-panel

  Панель крутилок в прототипе: цвета, шрифты, варианты; localStorage + запись в исходник. Триггеры: «дай повертеть параметры», «запиши в tokens.css». НЕ двигать мышкой→visual-edit.

• visual-edit

  Overlay: двигать и resize элементы мышкой, правки патчатся в CSS через локальный сервер. Триггеры: «подвину сам мышкой», «drag handle в браузере». НЕ ревью→comment-injector.

Similar plugins