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

pengchujin/livecanvas

Навык AI-помощника для программирования, который превращает предложение в анимированную обложку в стиле Live Photo с графиками, эмодзи и таймлайнами на базе Remotion.

Открыть на GitHub
Звёзды
507
Форки
29
Открытые issues
1
Последний коммит
11 дней назад

Что это?

LiveCanvas — это навык для AI-помощников по программированию, таких как Codex и Claude Code. Получив предложение с описанием темы, он ищет и проверяет факты, разрабатывает раскадровку, рендерит анимацию с помощью Remotion и создает превью вместе с ресурсами Apple Live Photo.

В результат могут входить изображения, эмодзи, сцены, таймлайны и графики — в виде оформленной обложки, файла MP4, источников данных и редактируемого проекта. В Linux, Windows и macOS можно создавать парные ресурсы Apple Live Photo с помощью Python 3.10+, Pillow и FFmpeg; в macOS также доступен нативный вариант на Swift. Текущие инструменты создают видео H.264 без звука и неподвижные изображения JPEG.

Для установки используется Skills CLI; можно установить навык только для Codex. Для запуска анимации нужны Node.js, Python 3, FFmpeg и шрифты, подходящие для содержимого.

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

  • 01Превращает предложение в анимированную обложку с продуманным оформлением.
  • 02Поддерживает изображения, эмодзи, сцены, таймлайны и графики.
  • 03Создает пары Apple Live Photo в Linux, Windows и macOS.
  • 04Экспортирует превью в MP4 и редактируемые проекты Remotion.
  • 05Устанавливается через Skills CLI для Codex и других ассистентов.

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

  • Превращение тренда в данных, например годовых температур, в анимированную обложку, которой можно поделиться.
  • Создание коротких поясняющих анимаций для сравнения продуктов или рыночных показателей.
  • Подготовка версий графиков в формате Live Photo для отправки с iPhone.

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

  1. 1

    Установите навык для всех своих ИИ-ассистентов с помощью Skills CLI

    npx skills add pengchujin/livecanvas --skill livecanvas -g
  2. 2

    Установите навык только для Codex

    npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex
  3. 3

    Откройте новый чат и введите запрос, например запрос о температуре в Пекине и Шанхае из README

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

  • Для работы необходимы Node.js/npm, Python 3, FFmpeg и подходящие шрифты для рендеринга.
  • Ассистент должен уметь искать информацию в интернете и выполнять код.
  • Полная поддержка нативного вывода Live Photo есть только в macOS; на других платформах используется переносимый способ с ограничениями.

Темы

#ai-agent#remotion#animation#live-photo#motion-design#video-generation#data-visualization#agent-skills#codex

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

Что такое livecanvas?
Навык AI-помощника для программирования, который превращает предложение в анимированную обложку в стиле Live Photo с графиками, эмодзи и таймлайнами на базе Remotion. LiveCanvas — это навык для AI-помощников по программированию, таких как Codex и Claude Code. Получив предложение с описанием темы, он ищет и проверяет факты, разрабатывает раскадровку, рендерит анимацию с помощью Remotion и создает превью вместе с ресурсами Apple Live Photo.
livecanvas можно использовать бесплатно? Какая у него лицензия?
livecanvas распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
livecanvas всё ещё поддерживается?
Активно поддерживается. Последний коммит в livecanvas — 10 окт. 2026 г..
Для чего можно использовать livecanvas?
Превращение тренда в данных, например годовых температур, в анимированную обложку, которой можно поделиться. Создание коротких поясняющих анимаций для сравнения продуктов или рыночных показателей. Подготовка версий графиков в формате Live Photo для отправки с iPhone.
Как установить livecanvas?
Установите навык для всех своих ИИ-ассистентов с помощью Skills CLI: npx skills add pengchujin/livecanvas --skill livecanvas -g Установите навык только для Codex: npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex Откройте новый чат и введите запрос, например запрос о температуре в Пекине и Шанхае из README
Где скачать livecanvas?
Исходный код и инструкции по установке — на GitHub: https://github.com/pengchujin/livecanvas

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

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

alchaincyf / huashu-motion

Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.

ИИ и машинное обучение#agent-skills#motion-graphics#animation
78077JavaScriptMITОбновлён позавчера