heygen-com/hyperframes

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

76 тыс. stars Качество 78 Тренд 100Apache-2.0

Пишите HTML. Рендерите видео. Создано для агентов.

Обзор

Пишите HTML. Рендерите видео. Создано для агентов. Быстрый старт | Showcase | Playground | Каталог | Документация | Discord HyperFrames — это фреймворк с открытым исходным кодом, позволяющий превращать HTML, CSS, медиа и поисковые анимации в детерминированные MP4-видео. Используйте его локально с помощью CLI, от AI-агентов с навыками или как ядро рендеринга в основе размещённых рабочих процессов авторства. Установите навыки HyperFrames, затем опишите нужное видео: Используя /hyperframes, создайте 10-секундное вступление продукта с затухающим титром, фоновым видео и тонкой фоновой музыкой. Эти навыки обучают агентов производственному циклу HyperFrames: планировать видео, писать корректный HTML, использовать анимации для поиска проводов, добавлять медиа, линтировать, превью и рендерить. Они работают с Claude Code, Cursor, Gemini CLI, Codex и другими программистами, поддерживающими навыки. HyperFrames выпускает 21 агент по навыкам, загружаемый по требованию.

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

Пишите HTML. Рендерите видео. Создано для агентов.

HyperFrames — это фреймворк с открытым исходным кодом, позволяющий превращать HTML, CSS, медиа и поисковые анимации в детерминированные MP4-видео. Используйте его локально с помощью CLI, от AI-агентов с навыками или как ядро рендеринга в основе размещённых рабочих процессов авторства.

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

С ИИ-кодировщиком

Для Claude Code установите версионный плагин:

Включите автообновление для маркетплейса hyperframes в /plugin → Marketplaces, затем используйте /hyperframes:hyperframes. См. руководство по плагинам для Copilot, VS Code, Cursor, Gemini CLI, обновлений и миграции.

Для самостоятельных навыков (включая OpenCode) используйте следующее:

Picker начинается без предварительно выбранного материала — достаточно группы Core Skills: маршрутизатор /hyperframes устанавливает каждый рабочий процесс создания по требованию. Агенты и неинтерактивные запуски должны использовать npx hyperframes skills update — он устанавливает именно основной набор, тогда как skills add --all устанавливает все 21 опубликованный навык. Шесть внутренних навыков в разделе .claude/skills / .agents/skills по умолчанию исключены.

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

README

Показан фрагмент оригинального README. Открыть оригинал.

Write HTML. Render video. Built for agents.

Download the desktop app: macOS · Windows · Linux (.deb)

HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with skills, or as the rendering core behind hosted authoring workflows.

Using Claude Code, Codex, Cursor, or another coding agent? Run npx hyperframes skills update once, then ask your agent to make a video.

Quick Start

With an AI coding agent

For Claude Code, install the versioned plugin:

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

To enable auto-update for the hyperframes marketplace, run claude in a terminal in your project. In Claude Code’s terminal UI, run /plugin, then select

Открыть полный README на GitHub

Установка

npx skillfish add heygen-com/hyperframes

Новичок в MCP? Начните с руководства на mcpskill.org →