VM

vibe-motion/skills

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

1,5 тыс. stars Качество 63 Тренд 60

Навыки агента для Vibe Motion

Обзор

Совет: это интерактивный скрипт установки. Используйте пространство, чтобы выбрать нужные навыки; рекомендуется установить их все; Также не забудьте выбрать соответствующего агента (например, Claude Code). У разных агентов разные пути хранения навыков. Преобразуйте логотипы из PNG/JPG/WebP/скриншотов в плавные, несложное, оперативные SVG, затем генерируйте движения логотипов бренда, интерактивные HTML-отображения, превью GIF/видео и доказательства контроля качества движения. Подходит для анимации логотипа, раскрытия логотипа в SVG, подачи анимации бренда и анимации пиксельных изображений в вектор. Начиная с официального сайта компании, официальных профилей бренда или загруженных пользователями изображений товара, создавайте 15–30 секундных, динамичных, визуально привлекательных и плавных рекламных видео бренда и продукта. Skill сначала проверяет логотип, шрифт, цвет, изображения и информацию о продукте, затем разрабатывает повествования, хронологии покадров и реальные демонстрации продукта; По умолчанию английский, 16:9, 15 секунд, а также поддерживает пользовательскую длительность и размер кадра. Подходит для видео релизов AI/SaaS, официальных анимационных видео на сайтах, рекламы потребительских брендов, физических промо-акций, а также видео с концепциями услуг и компаний. Основной акцент делается не на шаблонах, а на использовании реальных материалов для выделения характеристик продукта, сценариев использования, процессов взаимодействия и результатов. Создавайте анимированные финансовые диаграммы в виде свечей в проекте Remotion, охватывающие поиск данных Yahoo Finance, покадровый рисунок на Canvas, тёмные стили торговых терминалов, дизайн таймлайна, а также превью и рендеринг в Studio. Сгенерируйте анимацию раскрытия в HTML, где качающийся прожектор скользит по тексту, настраивается с помощью текста, амплитуды, масштабирования теней, свечения и цвета фона. Вплетите PNG, JPEG или WebP-изображения и необязательный текст в интерактивные p5.js занавесные симуляции. Выпечка шаблонов в координатах ткани будет растягиваться, складываться и разворачиваться с помощью отдельных потоков; выводить их в виде офлайн-HTML-каталогов с панелями параметров физики в реальном времени. Двигатель Cord адаптирован из игры Джейсона Лаббе Dynamic Ropes 2, лицензированной под номером CC BY-SA 4.0.

Обзор (машинный перевод)

[! ВАЖНО] Этот проект больше не будет поддерживаться. Пожалуйста, посетите motionface.cc.

Китайский упрощённый | Английский

Установка

Совет: это интерактивный скрипт установки. Используйте пространство для выбора навыков, которые хотите установить; рекомендуется установить их все; Также не забудьте выбрать соответствующего агента (например, Claude Code). Разные агенты хранят навыки по разным путям.

Доступные навыки

Линейка-прогресс-рендеринг

Генерируйте анимацию прогресса линейки. Ключевые слова триггера: анимация прогресса линейки; Параметры, такие как текст и прогресс, можно настроить.

Клод-тайпер

Продемонстрируйте анимации набора текста в формате Claude Code в стиле CLI.

движение рыбьего глаза

Создайте эффекты искажения в стиле «рыбий глаз» в стиле экрана: искажение барабана + муар + виньетка, а также можно использовать видео с «push lens focus + yellow marker slide-in» для любого изображения. Skill направляет клонирование проектов с fisheye-motion и корректирует параметры рендеринга по мере необходимости.

процедурный-рыбый-рендеринг

Генерируйте процедурные анимации по круговому плаванию рыб.

pixel2motion

Преобразуйте логотипы из PNG/JPG/WebP/скриншотов в плавные, несложное, оперативные SVG, затем генерируйте движения логотипов бренда, интерактивные HTML-отображения, превью GIF/видео и доказательства контроля качества движения. Подходит для анимации логотипа, раскрытия логотипа в SVG, подачи анимации бренда и анимации пиксельных изображений в вектор.

бренд-запуск-видео-звезда

Начиная с официального сайта компании, официальных профилей бренда или загруженных пользователями изображений товара, создавайте 15–30 секундных, динамичных, визуально привлекательных и плавных рекламных видео бренда и продукта. Skill сначала проверяет логотип, шрифт, цвет, изображения и информацию о продукте, затем разрабатывает повествования, хронологии покадров и реальные демонстрации продукта; По умолчанию английский, 16:9, 15 секунд, а также поддерживает пользовательскую длительность и размер кадра.

Подходит для видео релизов AI/SaaS, официальных анимационных видео на сайтах, рекламы потребительских брендов, физических промо-акций, а также видео с концепциями услуг и компаний. Основной акцент делается не на шаблонах, а на использовании реальных материалов для выделения характеристик продукта, сценариев использования, процессов взаимодействия и результатов.

После установки можно использовать его напрямую вот так:

Burger King — Flame Shift

Moonshot AI — Гиперкат продукта

Подсвечник для эмоций

Создавайте анимированные финансовые диаграммы в виде свечей в проекте Remotion, охватывающие поиск данных Yahoo Finance, покадровый рисунок на Canvas, тёмные стили торговых терминалов, дизайн таймлайна, а также превью и рендеринг в Studio.

свет-прожектор-рендеринг

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add vibe-motion/skills
Новичок в MCP? Начните с руководства на mcpskill.org →