Repolode
Предложить
showheyohtaki

showheyohtaki/motion-prompt

Библиотека с поиском по 144 именованным эффектам для моушн-графики, камеры, UI, веба и фотографий: у каждого есть пример в движении и промпт для использования с ИИ.

Открыть на GitHubСайт
Звёзды
465
Форки
53
Открытые issues
3
Последний коммит
вчера

Что это?

Motion Prompt — это библиотека названий визуальных эффектов, которые можно попросить создать ИИ. Для каждого эффекта указаны короткое название, анимированный пример, краткое объяснение и пример промпта. Сейчас в библиотеке шесть наборов по 24 эффекта: приемы моушн-графики, движения камеры, названия компонентов UI, эффекты для лендингов и веба, стили и освещение в фотографии, а также второй набор приемов моушн-графики.

Проект рассчитан на тех, кто знает, что хочет увидеть, но не знает, как это называется. Можно просматривать галерею, выбирать примеры и отправлять их coding agent, например Claude Code или Codex, чтобы он воссоздал эффект в вашем проекте. Также есть CLI на Node.js, который ищет элементы по номеру или ключевому слову. В репозитории есть и промпты для создания похожей библиотеки в другой области или на другом языке.

Ключевые возможности

  • 01Шесть наборов по 24 именованных эффекта в каждом, с анимированными примерами.
  • 02Просматривайте галерею, выбирайте примеры и отправляйте их ИИ-агенту.
  • 03CLI для поиска, просмотра списка и получения описаний и кода эффектов по номеру.
  • 04Промпты для перевода библиотеки или создания собственной библиотеки для вашей области.
  • 05Каждый эффект — отдельная функция, рисующая в Canvas 2D context без внешних библиотек.

Сценарии использования

  • Подобрать точный термин для движения камеры или приема моушн-графики перед написанием промпта для видео.
  • Попросить coding agent добавить на сайт конкретный эффект UI или лендинга.
  • Создать именованную справочную библиотеку для дизайн-команды или команды производства в другой области.

Быстрый старт

  1. 1

    Убедитесь, что у вас установлена Node.js версии 18 или выше

    node --version
  2. 2

    Установите skill motion-prompt

    npx skills add showheyohtaki/motion-prompt
  3. 3

    В Claude Code или Codex попросите ИИ открыть библиотеку, а затем выберите примеры в галерее

Что важно знать

  • Для использования skill требуется Node.js версии 18 или выше и агент, например Claude Code или Codex.
  • Сейчас списки названий доступны только на английском и японском, поэтому пользователям китайского языка нужно самостоятельно создать перевод.

Темы

#motion-graphics#animation#canvas#prompt-engineering#ai-agent#css-effects#video-generation#design-reference

Частые вопросы

Что такое motion-prompt?
Библиотека с поиском по 144 именованным эффектам для моушн-графики, камеры, UI, веба и фотографий: у каждого есть пример в движении и промпт для использования с ИИ. Motion Prompt — это библиотека названий визуальных эффектов, которые можно попросить создать ИИ. Для каждого эффекта указаны короткое название, анимированный пример, краткое объяснение и пример промпта. Сейчас в библиотеке шесть наборов по 24 эффекта: приемы моушн-графики, движения камеры, названия компонентов UI, эффекты для лендингов и веба, стили и освещение в фотографии, а также второй набор приемов моушн-графики.
motion-prompt можно использовать бесплатно? Какая у него лицензия?
motion-prompt распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
motion-prompt всё ещё поддерживается?
Активно поддерживается. Последний коммит в motion-prompt — 19 окт. 2026 г..
Для чего можно использовать motion-prompt?
Подобрать точный термин для движения камеры или приема моушн-графики перед написанием промпта для видео. Попросить coding agent добавить на сайт конкретный эффект UI или лендинга. Создать именованную справочную библиотеку для дизайн-команды или команды производства в другой области.
Как установить motion-prompt?
Убедитесь, что у вас установлена Node.js версии 18 или выше: node --version Установите skill motion-prompt: npx skills add showheyohtaki/motion-prompt В Claude Code или Codex попросите ИИ открыть библиотеку, а затем выберите примеры в галерее
Где скачать motion-prompt?
Исходный код и инструкции по установке — на GitHub: https://github.com/showheyohtaki/motion-prompt

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты