bbylw

Hyperframes Cn — AI skill for Claude Code

AI community

HyperFrames 是一个开源框架，可将 HTML、CSS、媒体与可定位（seekable）动画转化为确定性的 MP4 视频.

How to install Hyperframes Cn

This entry records only its repository, not the path inside it, so there is no exact command to give. Open bbylw/hyperframes-cn and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Hyperframes Cn does

HyperFrames 是一个开源框架，可将 HTML、CSS、媒体与可定位（seekable）动画转化为确定性的 MP4 视频。你可以在本地通过 CLI 使用它，让 AI 编程智能体借助 skills 使用它，或者把它作为托管创作工作流背后的渲染核心。

Alternatives in AI

  • Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
  • Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
  • Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★

README

HyperFrames

npm version npm downloads License Node.js Discord

用 HTML 写视频。由 AI 智能体驱动。

快速开始 | 作品展示 | 在线演练场 | 组件库 | 文档 | Discord

HyperFrames 演示：左侧 HTML 代码实时转换成右侧渲染出的视频

HyperFrames 是一个开源框架，可将 HTML、CSS、媒体与可定位（seekable）动画转化为确定性的 MP4 视频。你可以在本地通过 CLI 使用它，让 AI 编程智能体借助 skills 使用它，或者把它作为托管创作工作流背后

Related Skills

Ink Art — AI skill for Claude Code

Ink Art

Hand-drawn ink-on-white doodle animation — a character that draws itself then walks/dances/waves, or a deadpan

AI community
Html2elementor — AI skill for Claude Code

Html2elementor

Convert HTML + CSS to Elementor JSON (importable in WordPress). Works as a Claude Code / openclaw skill or sta

AI community
HTML Explainer — AI skill for Claude Code

HTML Explainer

把一个主题做成有配音、字幕、封面的讲解分析类视频 —— 全本地、用 HTML 写画面，稳定音画同步。 面向 AI 编程智能体的确定性 HTML → MP4 渲染流水线。

AI community
Webpage Text Extractor — AI skill for Claude Code

Webpage Text Extractor

Dump any folder's text files (HTML, CSS, JS...) into one .txt — perfect for sending saved web pages to ChatGPT

AI community
Rogue Web Artifacts Builder Skill — AI skill for Claude Code

Rogue Web Artifacts Builder Skill

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech

AI community
University Research Agent — AI skill for Claude Code

University Research Agent

Tool-using AI agent with a responsive web chat interface. A Python backend runs an agentic loop on the Claude

AI community

Related Agents

Video Montaj — Development agent for Claude Code

Video Montaj

Video montaj va motion agenti. Use for any request to edit a talking-head / interview / Reels video — transcri

Development community
HTML CSS — Design agent for Claude Code

HTML CSS

Web standards for semantic markup, maintainable styling, and accessibility. - wshobson/agents

Design community
Bulletproof Frontend Developer — Design agent for Claude Code

Bulletproof Frontend Developer

Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces. Use for

Design community