html-video
将HTML、文章链接或GitHub仓库转换为本地渲染的动画视频
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：html-video。 它的用途是：将HTML、文章链接或GitHub仓库转换为本地渲染的动画视频 完整的 Skill 内容见：https://321skill.com/skills/html-video/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把这篇关于量子计算的技术文章链接 https://example.com/quantum-article 做成一个简洁的科技感介绍视频，用那个有数据图表的模板。’ 它会自动抓取文章内容，提取关键点和数据，将其填充到‘frame-data-chart-nyt’模板中，生成一个带有动画图表和文字说明的视频草稿，并最终在你的电脑上渲染出MP4文件。
介绍
html-video 是一个创新的工具，它解决了将静态内容（如HTML页面、文章或代码仓库）快速转化为高质量、可自定义动画视频的难题。用户无需视频编辑专业知识，即可生成用于宣传、演示或内容分发的动态视频素材。
使用方式非常灵活：你可以直接向你的AI编码助手（如Claude Code、Cursor、Windsurf CLI等）描述一个视频创意，或者直接粘贴一个文章链接、GitHub仓库地址，该工具便会驱动AI代理，将内容填充到精心设计的动画模板中，最终在本地机器上渲染输出为MP4文件。整个过程在一个代理循环内完成。
它非常适合内容创作者、营销专员、产品经理以及需要快速制作演示素材的开发者。无论是为新产品制作宣传短片，将技术博客转化为动态演示，还是为GitHub项目生成介绍视频，都能大幅提升效率。
使用建议：建议先从官方提供的21个精选模板库中选择一个接近需求的模板开始，这能更快获得理想效果。由于渲染在本地进行，请确保机器有足够的计算资源处理视频编码。
核心特点
核心区别在于其“一站式本地化”工作流和强大的源材料适配能力：它不仅支持从描述生成视频，更独特地支持直接输入文章链接或GitHub仓库，由AI自动提取和重组内容；同时，整个渲染过程完全在本地完成，无需依赖云服务，避免了按次付费和供应商锁定。
注意事项
不适合需要极其复杂、电影级特效或完全自定义非HTML/CSS/JS动画的视频制作场景。
常见问题
需要视频编辑技能吗？
完全不需要。你只需提供内容（描述、链接或代码库），AI会处理动画和排版。
生成的视频有水印或费用吗？
没有。项目基于Apache-2.0开源协议，本地渲染，无任何水印、按次费用或云服务依赖。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-video/raw/index.md 读取 html-video 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-video/raw/index.md（查看排版版本）