html-presentation-video SKILL.md skillA

html-presentation-video from juanjuanjie/html-presentation is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add juanjuanjie/html-presentation/html-presentation-video@git:20261009.01ba1a0

Pins git:20261009.01ba1a0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
juanjuanjie/html-presentation
Path
SKILL.md
Versions recorded
2
Latest version
git:20261009.01ba1a0, committed Oct 9, 2026
First version recorded
Jun 24, 2026
Size
6,706 bytes
Repository stars
123
License
a license file GitHub does not identify

将逐字稿生成简洁演讲 HTML,或将导演稿逐镜生成导演 HTML;沿用用户模板,单文件输出。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# HTML Presentation · 视频友好规范

> 本规范基于 [Zara Zhang](https://github.com/zarazhangrui) 的 [frontend-slides](https://github.com/zarazhangrui/frontend-slides) 与 [beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) 改编,针对视频演示场景做了调整。详见项目根目录 [`NOTICE.md`](./NOTICE.md)。

本规范用于指导生成适合 B 站讲解、知识分享、教程分镜的 HTML 幻灯片。

## 首先选择模式

- **演讲 HTML**:输入逐字稿,提炼观点,可合并段落并自由分页,以轻量动画、手动讲解为主。输出 `【演讲HTML】原稿标题.html`。
- **导演 HTML**:输入导演稿,严格一镜一页,不增加封面、不合并或遗漏镜头;逐镜保留口播原文及标点,实现指定动效。输出 `【导演HTML】原稿标题.html`。
- 用户要求导演 HTML 却只给逐字稿时,先请求导演稿,不默默替用户编排镜头。

生成前完整阅读 [两种生成模式](docs/generation-modes.md),遵循其模式约束与验收要求。每次另存新 HTML,不修改输入。用户指定模板和配色优先;下文紫金配色、字号、缩放、组件只是默认模板示例,不可强行覆盖其他主题。导演模式的逐镜约束优先于下文的内容精简与轻量动画建议。

## 默认视觉风格

- **背景**:深黑 `#08090d`,封面页可单独使用 `#070609`。
- **主色(标题/结构)**:紫色 `#c8a8ff`。
- **强调色(关键词/结论)**:黄色 `#ffc402`。
- **正文**:暖白 `#f6f2e8`、灰白 `#c4c0b6`、中性灰 `#8a8580`。
- **禁用**:青色、粉色、绿色、红色、多彩霓虹、彩虹渐变、渐变文字、大面积发光。
- **卡片圆角**:`14px`(大)、`10px`(中)。

## 核心原则:视频友好

### 1. 单页单点

每页 slide 只传达**一个核心信息**。标题就是结论,正文只留必要支撑。

❌ 错误:一页放 5 个要点 + 2 张图 + 1 个表格。  
✅ 正确:一页 1 个标题 + 1 段说明 + 1 组视觉支撑。

### 2. 字号更大

| 元素 | 尺寸 | 说明 |
|------|------|------|
| 封面 h1 | `clamp(42px, 5.5vw, 78px)` | 占画面主导地位 |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add juanjuanjie/html-presentation/html-presentation-video@sha256:038d1969c3ea9e6f

The line at the top of this page pins the label git:20261009.01ba1a0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_xoocoj66c5tkvztx.svg)](https://markdownregistry.com/a/art_xoocoj66c5tkvztx)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Jun 24, 2026 and Oct 9, 2026, about one every 107 days.

versioncommittedcommitsizeaudit
git:20261009.01ba1a0 latest2026-10-09 01ba1a0 6,706 BA view · diff
git:20260624.c1d1ba72026-06-24 c1d1ba7 5,510 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (6706 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

juanjuanjie/html-presentation · 123 stars · license a license file GitHub does not identify · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_xoocoj66c5tkvztx
GET https://markdownregistry.com/api/v1/resolve?ref=juanjuanjie/html-presentation/html-presentation-video
GET https://markdownregistry.com/api/v1/blob/038d1969c3ea9e6f7583f54d07962e3b7dda6052eb8c0e85955740fed2108bbe

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from juanjuanjie/html-presentation

frontend-slides SKILL.md skill
juanjuanjie/html-presentation · frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…
git:20260620.8a1b262 · audit A · 123 stars
AGENTS.md@themes AGENTS.md file
juanjuanjie/html-presentation · themes/AGENTS.md
git:20261017.4a89ace · audit A · 123 stars

Every file in juanjuanjie/html-presentation

Browse by kind, by grade A, or by owner.