docs: README 演示区嵌入三条成片（jsDelivr 直链，视频托管于 demos 仓库）

README.en.md

@@ -18,6 +18,22 @@ locally; the core pipeline needs no API key and charges no per-render fee.
 
 [简体中文](README.md) · [English](README.en.md)
 
+<br/>
+
+Three finished videos made with this skill — visuals, voiceover, subtitles and covers all
+produced by the pipeline, no manual post-production. The media lives in a separate
+[demos repository](https://github.com/OneMoh/html-explainer-demos); this repo stays text-only.
+
+<br/>
+
+<video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/01-ai-era-self-made-video.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/01-ai-era-self-made-video.png" controls width="86%"></video>
+
+<br/>
+
+<video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/02-hk-innovative-drug-early-session.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/02-hk-innovative-drug-early-session.png" controls width="42.5%"></video> <video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/03-quant-company-built-an-llm.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/03-quant-company-built-an-llm.png" controls width="42.5%"></video>
+
+<br/>
+
 </div>
 
 ---
@@ -263,7 +279,7 @@ reproducible output; needing to run offline or refusing per-render fees.
 
 **Poor fit:** live-action editing, talking-head footage, re-creating an existing video; wanting a
 drag-and-drop editor (scenes are code, deliberately); wanting React component animation as the
-authoring model — that is the domain of the sibling project
+authoring model — that is the domain of the reference project
 [`anything2explainer`](https://github.com/Vincentwei1021/anything2explainer).
 
 ---

README.md

@@ -17,6 +17,21 @@ HTML 写画面 → 确定性逐帧渲染 → 真 MP4。全本地跑，核心链
 
 [简体中文](README.md) · [English](README.en.md)
 
+<br/>
+
+三条用本技能生成的成片——画面、配音、字幕、封面全部由流水线产出，无手工后期。
+视频与封面托管在[演示仓库](https://github.com/OneMoh/html-explainer-demos)，本仓库零体积。
+
+<br/>
+
+<video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/01-ai-era-self-made-video.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/01-ai-era-self-made-video.png" controls width="86%"></video>
+
+<br/>
+
+<video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/02-hk-innovative-drug-early-session.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/02-hk-innovative-drug-early-session.png" controls width="42.5%"></video> <video src="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/videos/03-quant-company-built-an-llm.mp4" poster="https://cdn.jsdelivr.net/gh/OneMoh/html-explainer-demos@main/covers/03-quant-company-built-an-llm.png" controls width="42.5%"></video>
+
+<br/>
+
 </div>
 
 ---
@@ -247,7 +262,7 @@ tl.fromTo('.verdict', { scale: 0.8 },          { scale: 1, duration: 0.6 },
 且宁愿用 HTML 描述画面也不想学动效软件；需要可复现的输出；需要离线跑或拒绝按次计费。
 
 **不适合**：实拍剪辑、真人口播、复刻已有视频；想要图形化拖拽编辑器（画面是代码，这是刻意
-选择）；想把 React 组件动画作为创作模型 —— 那是姊妹项目
+选择）；想把 React 组件动画作为创作模型 —— 那是参考项目
 [`anything2explainer`](https://github.com/Vincentwei1021/anything2explainer) 的领域。
 
 ---