1实现原理 · 为什么它能做到
该 skill 是 html-anything 的「模板包」：frontmatter 供选择器取元数据，SKILL.md 正文（frontmatter 之后的 body）被 loader 原样读出后作为模型指令。
next/src/lib/templates/loader.ts
const { fm, body } = parseFrontmatter(raw);
注：本模板正文 23 行 / 623 字节（本批第二薄）；frontmatter 走 parseFrontmatter 拆成 fm/body 两份，目录内没有任何脚本参与。
真正送进模型的 prompt = 共享设计指令 + 本模板正文 + 【输入格式】+【用户内容】；共享指令还带一条覆盖规则，声明模板里的页数/版面数字不是上限。
next/src/lib/templates/shared.ts
return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}
注：同文件里紧随的覆盖规则逐字写着：模板只定义"可用版面 / 风格 / 配色 / 字体 / 组件库", **不定义** slide / 帧 / 卡片 / section 的数量。
产出纪律由共享指令硬性约束：禁止 agent 使用任何文件系统工具，HTML 必须以 stdout 文本流式输出、由前端落盘。
next/src/lib/templates/shared.ts
- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何
注：本模板自身不声明落盘方式，完全依赖这条共享约束。
用「章节对比」实现发布会的节奏：封面暗底大字、正文亮底，形成舞台感。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- Cover (暗背景 + 大字主题)
注：同段「- Introducing (产品名 + 1 张 hero shot)」，把「揭晓产品」拆成独立一页。
商业转化段用「特性卡 + 定价分层」承载：特性页 3-6 张卡，定价页列 tiers，收尾页给 CTA。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- Feature cards (3-6 个)
注：同段还有「- Pricing tiers」与「- CTA / Available now」，构成 feature → price → 行动 的漏斗。
配色只给一条方向（暖橙→桃渐变），不锁 hex，属「方向性约束」而非枚举式约束。
next/src/lib/templates/skills/deck-product-launch/SKILL.md
- accent: 暖橙→桃 渐变
注：对比 deck-swiss-international 的 4 套 hex 锁死规则，本模板给模型留了实现自由。
CLI 关键词路由：product / launch / 产品发布 / 上线 → deck-product-launch。
cli/src/skills-matcher.ts
[["product", "launch", "产品发布", "product launch", "上线"], "deck-product-launch"],
注：同表还有 engineering/incident 等词映射到别的模板，说明路由是「先选模板再生成」的第一跳。
2核心能力
01产品发布 6 段叙事：Cover(暗) → Why we built this → Introducing → Feature cards → Pricing tiers → CTA
02特性卡数量区间 3-6，避免特性页堆砌
03定价分层页（Pricing tiers），承担商业转化
04收尾 CTA 页（CTA / Available now）
05暗 hero + 亮内容 + 暖橙→桃渐变 accent 的表达方向
06CLI 自然语言路由：product launch / 产品发布 / 上线 → deck-product-launch
07站点侧归类 marketing 场景、16:9、featured 21
3外部依赖
| 类型 | 依赖 |
|---|---|
| cli | 宿主本机 agent CLI（应用侧 spawn；非本 skill 指令） |
| network | Google Fonts（产物示例引用，非 skill 正文要求） |
4风险提醒 风险提醒：绿色 · 放心使用
风险提醒：绿色 · 放心使用
- 定价页由模型按用户材料生成（内容面） — 如果用户把未公开价格丢进来，会随 HTML 落到预览与导出文件中（PNG/PPTX 导出本是宿主的正常功能）。
- 配色只给方向、不给 hex — 「暖橙→桃」跨次生成一致性弱；如需品牌一致性应改用锁色值的模板或自行补 hex。
- 预览 iframe 的 sandbox 组合偏宽（宿主侧） — template-picker.tsx:544 / preview-pane.tsx:297 = sandbox="allow-scripts allow-same-origin"。
- 用户内容逐字进 prompt（注入面） — assemblePrompt 原样拼接【用户内容】区块。
风险提醒：绿色，放心使用。判级对象＝skill 目录（SKILL.md + example.html）：无可执行脚本、无凭证读取、无写盘指令；SKILL.md 正文零 URL、零 CDN/接口要求，只有 6 条页面清单与一条「暖橙→桃渐变」的配色方向。目录内端点仅 example.html 的 Google Fonts @import（产物引用）。本仓 html-anything 模板按批4口径统一 🟢 绿档：判级对象＝skill 自身目录；宿主壳（loader.ts/assemblePrompt/本地 agent CLI/预览 iframe）与 example.html 里的字体、CDN 引用属产物期行为（由浏览器拉取、skill 执行时不外发），只写进 reason/risks，不判档。
5第二遍独立确认
- [ok] 文件清单（2 个文件，无脚本） — SKILL.md(623B) + example.html(27910B)。
- [ok] 正文零端点复核 — SKILL.md 内 http/CDN/fetch/script 零命中。
- [ok] 目录内端点自证 — example.html: 多条 fonts.googleapis.com @import；无远程 script、无 fetch/XHR。
- [ok] 无凭证读取 — key/secret/token/.env 零命中。
- [ok] 无写盘指令 — SKILL.md 无 write/save 类指令；shared.ts 明令禁文件工具。
- [ok] 6 段叙事骨架逐条可复核 — Cover / Why we built this / Introducing / Feature cards / Pricing tiers / CTA 全在正文。
- [ok] official_desc 逐字命中 — 与第 6 行 description 引号内文本一致。
- [ok] CLI 路由行存在 — cli/src/skills-matcher.ts 第 61 行 product-launch 行逐字命中。
6结论
适合：适合新产品/新版本发布会的 keynotes：需要一条从「为什么做」到「现在就能用」的叙事，并带特性卡与定价页。也适合营销同学快速出可导出的 HTML deck。
不适合：不适合技术深度分享（该用 deck-tech-sharing）；不适合需要严格品牌色值的场合（本模板不锁 hex）；不适合把发布会做成超长材料归档（6 段骨架没有附录/数据页位）。
安装 agent 直装可复制
① 本站镜像 更新 2026-09-15
方式 A · 人下载镜像包下载 deck-product-launch.tar.gz
sha256:
方式 B · JSON 格式安装指南，复制给 agent4e266e7cb8b67546…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 spdx_id=Apache-2.0。注意：skill 目录本身不含独立 LICENSE，许可来自仓库根；第三方来源模板在 README 另有署名说明）
本站信息
收录日期2026-09-06
分类设计
侦查报告AI 侦查 · 2 遍 · 2026-09-06
本站镜像与 GitHub 原始是不同来源：本站锁定 commit 快照经 /r2 分发；GitHub 为实时上游，内容可能已更新。