メニュー
将 z-wanghong-handwritten-ppt 生成的王虹学术手写 HTML 直接制作成 16:9 动画 MP4，字形锁定为原 PPT Skill 预览封面的手写字，完整保留字号、颜色、留白、图表和标注，输出零音频流。用户提到动画版王虹PPT、王虹手写动画、Notability手写视频、手写PPT转MP4、学术手写动画、纯画面手写视频、把王虹手写 HTML 做成视频或要求手写风 MP4 时必须使用。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/tjxj/z-skills --skill z-wanghong-handwritten-videoコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
将 Markdown、Obsidian 笔记、技术文章、白皮书或长文排成中文 PDF。用户说“转成 PDF”“Markdown 转 PDF”“md 转 pdf”“排版成电子书”“生成指定风格 PDF”“一次生成多种风格”“学术风/书籍风/报告风”，或要编译 my-girlfriend-jingtian-latex 项目时，都应使用本 Skill。内置学术朴素风、文楷书籍风、现代报告风，支持只生成一种或批量生成全部风格，并附带上游 XeLaTeX 项目原样复编工具。
将文章、讲稿或技术主题制作成王虹学术报告气质的 16:9 Notability 手写风 HTML 幻灯片，逐页导出 PNG，并默认同时生成可逐条播放动画的时间轴版 HTML。触发词：王虹PPT风格、王虹手写PPT、Notability学术手写幻灯片、手写网页PPT、手写PPT、数学家手写报告风、手写PPT时间轴版、手写演示动画。
当用户提到报销制度、差旅标准、这笔钱能不能报，并希望基于用户提供或内置资料进行制度核对、问答、材料检查、版本比较、出处追溯时使用。回答前必须运行多表达式证据检索，保留条款或章节，区分直接证据、综合、推断和资料缺口。内置制度为虚构演示资料，处理真实公司问题前必须替换语料。
| name | z-wanghong-handwritten-video |
| description | 将 z-wanghong-handwritten-ppt 生成的王虹学术手写 HTML 直接制作成 16:9 动画 MP4，字形锁定为原 PPT Skill 预览封面的手写字，完整保留字号、颜色、留白、图表和标注，输出零音频流。用户提到动画版王虹PPT、王虹手写动画、Notability手写视频、手写PPT转MP4、学术手写动画、纯画面手写视频、把王虹手写 HTML 做成视频或要求手写风 MP4 时必须使用。 |
直接渲染原 HTML DOM，在原页面元素上增加帧驱动的写入、分步出现、荧光揭示、SVG 路径绘制和纸张转场。文字节点和排版仍由原 HTML 提供，渲染器在截图前加载原 PPT Skill 预览封面使用的同一字体文件，并校验 Chrome 实际命中的字形。不重新排版文字。
z-wanghong-handwritten-ppt 生成并通过检查的 HTML。assets/preview-cover.png 里的字形，不使用候选字体。yuv420p。cover.png。用户提供文章、讲稿或技术主题时，先严格使用同仓库的 z-wanghong-handwritten-ppt 生成 HTML。不要在本 Skill 内重新设计页面。
用户已经提供该 Skill 的 HTML 时，直接进入检查。保留 HTML 所在目录和相对资源路径，避免复制单个文件造成 CSS、图片或脚本丢失。
python3 ../z-wanghong-handwritten-ppt/scripts/check_deck.py \
"/absolute/path/to/deck/index.html"
检查失败时先修复原 HTML。动画渲染不得绕过缺失的 base.css、runtime.js 或 neat-annotations.css。
在本 Skill 目录运行：
npm install
渲染器使用本机 Google Chrome 或 Chromium 打开原 HTML。macOS 上先在字体册下载预览封面所用的“翩翩体-简”。渲染器会检查系统字体目录；字体文件在其他位置时，使用 --font-file "/absolute/path/to/Hanzipen.ttc"。可通过 --chrome "/absolute/path/to/chrome" 指定浏览器。
scripts/render_html_video.sh \
"/absolute/path/to/deck/index.html" \
"/absolute/path/to/output/wanghong-handwritten-video.mp4" \
--seconds-per-slide 4 \
--font-file "/absolute/path/to/Hanzipen.ttc"
快速样片可以限制页数：
scripts/render_html_video.sh \
"/absolute/path/to/deck/index.html" \
"/absolute/path/to/output/preview.mp4" \
--seconds-per-slide 4 \
--max-slides 6
渲染器按以下顺序处理每页：
这些动作只修改透明度、位移、裁切和 SVG 描边进度。原 DOM 内容与计算后的排版保持原样，字形锁定为预览封面的指定字体。
包装脚本会自动检查编码、分辨率、帧率、像素格式、视频流和音频流，并执行完整解码测试。仍需人工查看：
cover.png 与原 PPT Skill 的 assets/preview-cover.png 是否使用相同字形；需要逐帧核对时，使用原 PPT Skill 的 scripts/render.sh 先导出同一页静态 PNG，再与 MP4 对应完成帧对照。字形或排版出现差异时停止交付，检查指定字体文件、原 CSS 和 HTML 路径。
scripts/render_html_video.mjs：直接驱动原 HTML DOM 并逐帧编码。scripts/render_html_video.sh：原 Skill 检查、渲染和媒体验收入口。references/motion-injection.md：DOM 选择与动效规则。examples/handwritten-html-motion-demo/：由原 HTML 直接生成的无声样片。tests/test_renderer_contract.py：防止重新排版与音频回归。