招商HTML演示生成器

要解决的问题

团队准备对外宣讲材料时，常见路径是打开 PPT 模板、调整十几页、再导出 PDF。招商场景的信息结构其实高度固定：痛点、方案、卖点、案例、合作方式。真正耗时的是排版与分发，而非内容本身；而一旦切换到网页载体，又会遇到新的问题：外链字体、CDN 脚本、未打包的图片与脚本，会让文档在演示现场断网时样式崩溃，一份孤立的 HTML 在本地存储行为与移动端适配上也容易被忽略。

工作方式

触发词包括「产品介绍」「招商演示」「路演幻灯片」「卖点演示」「营销 PPT」；也可以直接用一句自然语言发起。技能按固定顺序执行：

1. 确认输入：核对产品与卖点、目标受众，作为内容填充依据。
2. 生成 HTML：输出自包含的单文件招商演示（如 product.html），按「痛点 → 方案 → 卖点 → 案例 → 合作」的组织方式组织页面。
3. 自检零外链：校验页面不包含任何外部资源引用。
4. 交付文件：保持静态产物，不在云端做额外处理。

产出遵循以下强制约束：

• 自包含单文件：所有 CSS 写在 <style>、JS 写在 <script> 中，零 CDN、零外链字体、零外链脚本，双击即开。
• 跨端可开：Windows、macOS、iOS Safari、安卓 Chrome 均可以直接打开，<meta viewport> 与内置 @media 规则负责移动端响应式。
• 本地持久化：如需保存数据，用带 skill_z-product-html-ppt 前缀的 localStorage 键，刷新不丢，且不依赖任何后端。
• 可打印：@media print 隐藏按钮但保留正文内容，便于导出 PDF 或纸质版路演稿。
• 公网策略：默认只产出自包含文件；仅当用户明确要求「要链接 / 发公网」时，才调用配套的本地 HTML 公网发布器生成 URL，不得擅自公开。

一个典型输入是「做个招商演示，讲痛点、方案、卖点、案例和合作方式」，产出为突出卖点与案例的多页 product.html。

适用边界

• 不做真实交易：如需要支付、下单、结算等能力，本技能的静态招商稿不适用，应接入交易类工具。
• 不交付 PPTX 源文件：产出为 HTML 单文件，无法直接编辑 .pptx；若需要源文件，应改用 Office 相关技能。
• 不替代通用幻灯片工具：相比通用 HTML PPT 方案，本技能预设了营销招商结构，超出该结构的更通用或非营销类演示建议选择其他工具。
• 内容诚实性：不得编造案例数据或做虚假宣传；如缺少真实案例，应在页面中如实标注。