blixvip/html-anime

HTML-动画

提示一部动漫。你的编码代理用代码绘制它。

《国洋》的剧照，完全用HTML绘制。可在网站上观看 ·媒体/film.mp4

一部动漫，用HTML写成。你写一个场景。网站把它变成一张镜头表：保持、一个昂贵的镜头、一个封闭的彩色脚本。把这个表粘贴到Claude、Codex、Cursor或Grok里。代理人会绘制这些画面。

图片是HTML格式，时间为HyperFrames定时。这里没有任何内容称为视频模型。

电影

《国曜》。在网站上观看或打开媒体/film.mp4。

开始

打开你已经用的代理里的文件夹，把一张表格粘贴成第一条消息。网站会在浏览器里构建表格。harness/compile.js 在 Node 里构建同样的工作表。

从这个文件夹中服务网站，然后打开打印的地址：

以文件形式打开 index.html 会显示同样的指令。该工作表在文件夹被送达之前不会运行。

或者在Node里构建一个工作表（无依赖）：

html-anime

Prompt an anime. Your coding agent draws it in code.

A still from Kokuyō, drawn entirely in HTML. Watch it on the site · media/film.mp4

An anime, written as HTML. You write a scene. The site turns it into a shot sheet: holds, one expensive shot, a closed color script. Paste that sheet into Claude, Codex, Cursor, or Grok. The agent draws the frames.

The pictures are HTML, timed for HyperFrames. Nothing here calls a video model.

The film

Kokuyō. Watch it on the site or open media/film.mp4.

Start

git clone https://github.com/blixvip/html-anime.git
cd html-anime

Open the folder in the agent you already use and paste a sheet as the first message. The site builds the sheet in the browser. harness/compile.js builds the same sheet in Node.

Serve the site from this folder, then open the address it prints:

python -m http.server

Opening index.html as a file shows that same instruction. The sheet will not run until the folder is served.

Or build a sheet in Node (no dependencies):

import { compileBrief } from "./harness/compile.js";

const sheet = compileBrief({