Публикации авторов и редакции

Новые статьи авторов WikiVibe и материалы редакции. Читайте ленту, подписывайтесь на авторов и публикуйте свои разборы.

Лента

13 публикаций

30.08.202619 мин

AI-видеоредакторы, управляемые через Codex и Claude Code

Какие видеоредакторы можно управлять из кодинг-агента: MCP-серверы к Premiere, Final Cut, DaVinci Resolve и After Effects, агентные редакторы video-use, Pireel, OpenChatCut, kinocut, code-first движки Remotion и Revideo. Сравнение, установка, ограничения

ВидеомонтажMCPClaudeRemotion

morecil

—просмотров—реакций

Motion и анимация

26.07.20266 мин

Palmier Pro: видеоредактор, в котором AI-агент работает прямо в таймлайне

Palmier Pro объединяет монтаж на macOS, генеративные модели и локальный MCP-сервер: разбираем, что агент может делать в проекте, какие части открыты и кому стоит попробовать инструмент.

Palmier ProAI-видеоMCPMotion-дизайн

WikiVibe

—просмотров—реакций

Motion и анимация

16.07.202639 мин

Figma Motion + AI: 10 промптов, которые оживят макет и усилят портфолио

Статичный макет может быть аккуратным и визуально сильным, но всё равно ощущаться как набор картинок. Пользователь не видит, как карточка раскрывается, куда уходит старый контент и что происходит после нажатия. Заказчик смотрит на двенадцать фреймов и вынужден собирать продукт у себя в голове. Короткая анимация показывает иерархию, реакцию системы и характер продукта. В портфолио она отделяет «я нарисовал экран» от «я спроектировал поведение». А Figma Motion теперь позволяет собирать движение на таймлайне, генерировать ключевые кадры через Figma Agent и передавать точные параметры в разработку через MCP. Ниже — пошаговый процесс, десять универсальных промптов и отдельная копируемая инструкция для AI-агента: переходы между экранами, нажатия, hover, loading, success, error, reduced motion и обязательный QA. Главное ограничение одно: движение должно объяснять интерфейс, а не превращать его в презентацию, где летает каждый второй заголовок.

VibeDesignFigmaMotionAI

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20269 мин

Как показывать что AI думает: паттерны анимации прогресса агента

Спиннер придуман для операций длиной 0.5–2 секунды. LLMзапрос занимает 4–15 секунд. Многошаговая задача агента — до нескольких минут. За это время спиннер перестаёт работать как индикатор прогресса и становится источником тревоги: «чтото происходит?», «система зависла?», «стоит ли ждать?»

motionанимацияAI-дизайнUX

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20268 мин

Когда анимация мешает: сигналы что ты перестарался — и как откатиться

Точка перехода из «помогает» в «мешает» проходит незаметно. Добавил одну анимацию — хорошо. Потом ещё одну. Потом ещё. В какойто момент пользователь начинает ждать пока всё доиграет прежде чем сможет продолжить работу.

motionанимацияUXчеклист

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20269 мин

AI анимирует за тебя: что из инструментов 2026 реально работает

AI в анимации 2026 — это не один инструмент. Это несколько разных классов под разные задачи. Смешивать их назначение — самая частая ошибка: ожидать что инструмент для видеогенерации напишет CSSанимацию, или что codeагент создаст иллюстративную анимацию с нуля.

motionанимацияAI-дизайнинструменты

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20268 мин

Переходы которые не тошнят: паттерны смены экранов для мобайла и веба

Переход между экранами — самый часто встречающийся motionпаттерн и самый часто ломающий UX. Плохой переход дезориентирует: пользователь не понимает где он был, где он теперь, что произошло.

motionанимацияUXкомпоненты

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20269 мин

Easing, duration, delay: три параметра которые делают анимацию живой, а не мультяшной

Можно взять правильный тип анимации, правильный компонент — и всё равно получить чтото механическое или мультяшное. Три параметра определяют насколько анимация ощущается как настоящая: easing, duration, delay.

motionанимацияворкфлоучеклист

amoorkie

—просмотров—реакций

Motion и анимация

14.06.20268 мин

Motion-дизайн, который помогает, а не раздражает: принципы которые работают

Интерфейс без анимаций — не нейтральный. Он общается через мгновенные переключения состояний которые мозг с трудом отслеживает. Нажал кнопку — резко оказался на другой странице. Произошло чтото? Где я был? Где я теперь?

motionанимацияUXворкфлоу

amoorkie

—просмотров—реакций

Motion и анимация

12.06.202610 мин

Lottie: как отправить анимацию в продакшен без боли и потери качества

Дизайнер сделал красивую анимацию в After Effects. Разработчик получил файл. Дальше начинается боль: GIF слишком тяжёлый, видео не масштабируется, SVG не анимируется нужным образом. Lottie решает это — но только если знать как его готовить. Lottie — формат который конвертирует After Effects-анимации в JSON. Файл весит в 600 раз меньше GIF того же качества, рендерится нативно на вебе, iOS, Android и React Native, масштабируется без потерь. Проблемы начинаются не с форматом, а с тем что никто не объяснил правила на каждом этапе — от дизайнера до деплоя.

motionанимацияLottiehandoff

amoorkie

—просмотров—реакций

Motion и анимация

12.06.202611 мин

Framer Motion за один вечер: анимируй React-компоненты как профи

Большинство туториалов по Framer Motion учат одно и то же: замени `<div>` на `<motion.div>`, добавь `animate={{ opacity: 1 }}` — готово. Это занимает десять минут, а не вечер. Вечер нужен на другое: понять почему анимации дёргаются, как правильно анимировать выход элемента, как не раздувать бандл и почему варианты — это не синтаксический сахар, а принципиально другой подход к оркестрации. Этот гайд — про то что реально нужно в проекте. Без теории ради теории.

motionанимацияFramer Motionворкфлоу

amoorkie

—просмотров—реакций

Motion и анимация

12.06.202610 мин

CSS анимации без библиотек: что умеет браузер — и это на удивление много

Ещё два года назад этот список был бы коротким. Плавные переходы, keyframe-анимации, базовый hover. Всё серьёзное — в JavaScript. В 2026 году браузер умеет анимировать скролл без IntersectionObserver, переходы между страницами без роутер-библиотек, появление и исчезновение элементов из `display: none` без таймеров, и раскрытие аккордеонов до `height: auto` без измерения `scrollHeight`. Причём поддержка у всех этих фич — кроссбраузерная. Это не значит выбрасывать GSAP или Motion. Это значит знать где браузер справляется сам — и не тащить библиотеку там где она не нужна.

motionанимацияворкфлоуинструменты

amoorkie

—просмотров—реакций