1实现原理 · 为什么它能做到
整份模板的核心假设是「outline 是真理, skill 是渲染器」：铁律禁止改动任何文字与顺序，唯一被允许的动作是把过长的段落做物理分页。这直接消灭了「AI 抽提 + 重写」最常见的信息损耗。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
- 标题不改字, 段落不改字, 列表不改字, 顺序不重排
注：本模板用「不许动原文」换取了输出的忠实性，代价是模型几乎不能做内容润色
markdown 元素到页型是一张一对一映射表：一级标题→emphasis 封面页、二级标题→独占 theme 页、段落按字数分档、列表按项数拆页、--- →纯色休止页、**强调** → hl 高亮。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
| `# 一级标题` | 独占 **emphasis** 封面页（accent 底色, 通常单字/单短词） |
注：把「怎么分页」这个主观决策变成查表动作，是输出稳定性的来源
主题色由文档调性推断且一篇只允许一个：默认 black（沉思/论证）、宣言类 red、反讽批判类 yellow；每个主题同时还绑定了默认页底色、emphasis 页底色与 hl 色。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
| 沉思 / 论证 / 笔记（默认） | **black** | 黑底白字 | 红底白字 | 红 `#E63956` |
注：底色不是随便挑的：主题色一改，emphasis 页与高亮色必须跟着换，这套配对表避免了混搭
字号不是手选的，而是运行时算出来的：SKILL.md 给出 CJK 按 1.8 计权的档位表，骨架 JS 里的 lengthTier() 用「最长行字符数 +（行数-1）×4」选 clamp 档位。示例对 8 页分别算出 single/short/medium/long。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
| single | ≤2 | `clamp(320px, 80vmin, 1100px)` |
注：中文与英文混排的字数会算错（CJK 权重），所以权重写死 1.8 并由代码执行，而非交给模型目测
SKILL.md 直接内嵌了完整可运行的 HTML 骨架（内联 CSS + JS），并明令复用不要改、只填 SLIDES / title / subtitle / data-theme；示例文件就是填好的产物。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
完整 HTML 骨架（agent 应**复用 CSS 与 JS 不要改**, 只填 SLIDES / title / subtitle / data-theme）：
注：这是本批唯一把「成品代码」写进 prompt 的模板——模型照抄骨架，风格不可能漂移
骨架自带完整交互：键盘（→/←/space/Enter/j/k/PageUp/PageDown/Home/End/F 全屏）、触摸滑动（±40px 阈值）、点击左右半屏翻页，且用 escapeHtml() 转义所有注入 SLIDES 的文本。
next/src/lib/templates/skills/deck-ljg-present/example.html
return c.hl ? '<span class="hl">' + t + '</span>' : t;
注：交互与转义都写在骨架里，模型只负责产出 SLIDES 数组，安全面与体验面都不依赖模型自觉
示例是「同一份 outline 的忠实渲染」：example.md 给出 8 段 AI 演讲大纲（含一个 --- 分隔符），example.html 的 SLIDES 恰为 8 项——首项 emphasis 单字「AI」对应 # AI，分隔符对应空 emphasis 休止页，末页是收束反问。
next/src/lib/templates/skills/deck-ljg-present/example.html
{ emphasis: true, lines: [] },
注：输入输出成对出现，可直接验证「1:1 铸页」这条主张
唯一明令禁止外部资源：骨架不含任何 CDN / 字体外链，字体栈走系统（Helvetica Neue / Arial Black / PingFang SC），因此产物可离线双击打开。
next/src/lib/templates/skills/deck-ljg-present/SKILL.md
**不要外链 CDN, 不要外部资源**。
注：这与宿主共享指令「通过 CDN 引入 Tailwind 与 Google Fonts」相反——本模板显式覆盖了该默认
2核心能力
01outline / markdown 1:1 铸页，不抽提不重写不重排
02铁律四条：不改字、不重排、只允许物理分页
03分隔符 --- → 纯色休止页
04段落按字数分档：≤30 字一页 / 30-80 字每句一页 / >80 字按 ~30 字拆并加 ⋯
05列表按项数拆页（≤4 一页 / 5-8 拆两页 / >8 每页 4 项）
06三档主题 black / red / yellow，含 emphasis 页反色与 hl 色配对
07字号运行时按最长行自动分档（CJK 1.8 计权）
08键盘 / 触摸 / 点击三种翻页 + 全屏（F）
09缩进错位（indent 0/1/2）表达嵌套且保持左对齐
10内容一律转义后渲染（escapeHtml），无注入面
3外部依赖
| 类型 | 依赖 |
|---|---|
| package | 无外部依赖：字体走系统栈（Helvetica Neue / Arial Black / PingFang SC），骨架不引任何 CDN |
| network | 宿主共享指令声明的 Tailwind CDN（宿主侧默认，本模板显式禁止使用） |
| network | 第三方 skill 来源标注（frontmatter example_source_url，仅作出处记录，非运行时调用） |
4风险提醒 风险提醒：绿色 · 放心使用
风险提醒：绿色 · 放心使用
- 宿主侧：预览 iframe 放宽沙箱 — template-picker.tsx 用 srcDoc + sandbox="allow-scripts allow-same-origin"；本模板产物含 JS，预览时脚本会真实执行（自身只操作 DOM），但沙箱放宽属宿主实现风险，不判档。
- 宿主侧：会 spawn 本地 agent CLI — convert 路由经 invokeAgent 以本地已登录 CLI 执行 prompt。
- 表现力受「不许改动」限制 — 原文不能改写、不能用图片图标，若用户的大纲本身冗长或口语化，铸出来的巨字页会难看；模板不会替你润色。
- 极端字号在小屏会溢出 — single 档为 clamp(320px, 80vmin, 1100px) 且 .line 为 white-space:nowrap，窄屏 / 投影比例异常时依赖 vmin 收缩，仍可能出现横向裁切。
风险提醒：绿色，放心使用。判级对象＝skill 自身目录（next/src/lib/templates/skills/deck-ljg-present/）：目录内只有 SKILL.md、example.html、example.md，无 .sh/.py/.mjs/.ts 等可执行文件、无 package.json、无安装脚本；目录内不含任何读取凭证 / 环境变量 / cookie 的代码，也没有写盘指令（HTML 由模型在回复正文输出，落盘由宿主前端负责）。example 里的 <script> 计数＝2（SKILL.md×1/example.html×1）。SKILL.md 是纯版式 / 内容规范，未点名任何运行时要访问的生成后端或接口；按批4 口径（产物引用不判级、纯指令模板判 green），本模板属纯指令型。目录内实际出现的端点仅以下（均属产物示例或其元数据，由浏览器端拉取，非 skill 代码发起）：github.com（见于 SKILL.md）。宿主侧行为不判档，另记于 verdict.risks：convert 路由 spawn 本地 agent CLI 并以 stdin 传 prompt（next/src/lib/agents/invoke.ts）、共享指令要求 CDN 引入 Tailwind / Google Fonts（next/src/lib/templates/shared.ts）、预览 iframe 用 sandbox="allow-scripts allow-same-origin"（next/src/components/template-picker.tsx）。
5第二遍独立确认
- [ok] 「1:1 铸页」是否在示例中真实成立 — example.md 的结构（# AI / ## 两个二级标题 / 两个列表 / --- / ## 收束问句）与 example.html 的 8 项 SLIDES 逐项对应：首项 emphasis 单字 AI、列表项按 indent:1 渲染、--- 变成空 lines 的 emphasis 休止页、末页 emphasis 收束。
- [ok] 字号档位是否由代码而非人工决定 — lengthTier() 以「最长行字符数 +（行数-1）×4」判断档位，lineCharLen() 对 CJK 字符计权 1.8，与 SKILL.md 的档位表一致。
- [ok] 「不要外链 CDN」是否被示例遵守 — example.html 与 SKILL.md 各自的 http(s):// 计数均为 0；SKILL.md 内有 2 处 github.com 链接（frontmatter example_source_url 与正文致谢的上游 ljg-skills 出处），属第三方来源标注而非运行时资源。内嵌骨架本身不含任何 CDN / 字体外链，字体走系统栈，产物可离线双击打开。
- [ok] 注入面：SLIDES 文本是否被转义 — escapeHtml() 对 & < > " ' 做实体转义，再拼进 innerHTML；SLIDES 内容来自用户大纲，属必要防护。
- [discrepancy] example.html 的 <script> 是否属模板自带可执行代码 — 是（本批 deck 示例里唯一有 1 个 <script> 的目录）。该脚本是 SKILL.md 内嵌骨架的一部分（翻页交互 + 字号分档），只会操作 DOM 与读取键盘/触摸事件，无网络请求、无存储、无凭证访问；展示层按「模板自带脚本」理解即可，不影响判档（仍为 green：无外发、无写盘）。
- [ok] pin commit 与路径 — HEAD = 553ed98c283f9c0f489902d035416a972d6a9699；skill.path = next/src/lib/templates/skills/deck-ljg-present，含 SKILL.md。
- [discrepancy] README 收录一致性 — README 的 deck 表列出 20 个 deck-* 模板，但没有 deck-ljg-present（该 pin 下 deck-* 实为 21 个）。文档滞后，不影响模板行为。
6结论
适合：适合宣言式演讲、发布会口号页、观点卡片、个人风格表达：用户已有打磨好的 outline，只想被「铸」成巨字色块视觉的场合；也适合需要严格保真（不许 AI 改写）的内容场景。
不适合：不适合希望模型帮你提炼 / 润色 / 精简的场合（本模板禁止改写与删减）；不适合需要图表、图片、图标、动效的内容（禁区明确）；不适合长段落型材料（>80 字会被硬拆加省略号）。
安装 agent 直装可复制
① 本站镜像 更新 2026-09-15
方式 A · 人下载镜像包下载 deck-ljg-present.tar.gz
sha256:
方式 B · JSON 格式安装指南，复制给 agentd549ea071c2237ec…agent 读 JSON 指南后会自动从本站下载安装，无需更多说明。
② 上游 GitHub · 原始来源
来源信息 GitHub 原始
作者 / 仓库nexu-io / nexu-io/html-anything
原始 GitHubnexu-io/html-anything ↗
Stars8827
最近推送2026-09-15
本 skill commit
553ed98c28许可Apache-2.0（仓库根 LICENSE = Apache License, Version 2.0；GitHub API license.spdx_id = Apache-2.0；模板目录内无独立 LICENSE 文件）
本站信息
收录日期2026-09-06
分类设计
侦查报告AI 侦查 · 2 遍 · 2026-09-06
本站镜像与 GitHub 原始是不同来源：本站锁定 commit 快照经 /r2 分发；GitHub 为实时上游，内容可能已更新。