القائمة
当执行 BD/IR 任务需要对外演示材料时创建精美的 HTML 演示文稿——路演 PPT、合作提案、客户 Demo、产品介绍。零依赖单文件输出，可直接通过邮件/微信发送或浏览器演示。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/TeamWiseFlow/xiaobei --skill pitch-deckيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
口播类视频（口播/演讲/访谈/直播）的轻剪辑——ASR 转写拿逐字时间戳，去口气词/结巴/静音，或识别高光段剪成集锦。仅做基于人声的轻剪辑，不出脚本不烧字幕；纯画面类素材的集锦剪辑走 video-edit。
搜索、筛选并下载 ccMixter 免版税背景音乐（仅 CC BY / CC BY-SA，商用安全）， 自动生成 TASL 署名。支持关键词搜索、5 套场景预设、按主题自动选曲、按 ID 下载。 纯客户端，无需 API key。
视频制作全能工具，两种用法——(A) 端到端生产：从零做一支完整视频，出脚本、分镜、机位一致性、素材匹配、闸门、渲染、自检、交付；(B) 给定素材剪辑：已有几个片段要拼一下、给一个片段配音合成、剪辑烧字幕等，直接用 Stage 12 工具箱（assemble/clip-trim/audio-mix/timeline-compose/scene-compose/add-silent-audio/make-outro）。
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | pitch-deck |
| description | 当执行 BD/IR 任务需要对外演示材料时创建精美的 HTML 演示文稿——路演 PPT、合作提案、客户 Demo、产品介绍。零依赖单文件输出，可直接通过邮件/微信发送或浏览器演示。 |
| metadata | {"openclaw":{"emoji":"🎯","always":false,"requires":{"bins":["python3"]}}} |
为商务拓展（BD）/投资人关系（IR）场景生成零依赖、动效丰富的 HTML 演示文稿，直接在浏览器中运行。
📍 全局技能路径提示：文中所有
./scripts/路径均相对于本技能所在目录（即<skill>标签location属性所指目录），不是工作区目录。执行时按本技能实际安装路径拼接。
.ppt / .pptx 文件转换为 Web 版演示生成前，务必读取 STYLE_PRESETS.md 获取视口安全的 CSS 基础、密度限制、预设目录和 CSS 注意事项。
选择以下其中一条��径：
.ppt 或 .pptx 文件只问必要的问题：
如果用户有内容，先让他粘贴，再讨论风格。
根据用途，给出对应的标准结构建议：
路演 / 投资人演示（Investor Pitch）
1. 封面（公司名 + 一句话定位）
2. 问题（用数据量化痛点）
3. 解决方案（产品/服务是什么）
4. 市场规模（TAM / SAM / SOM）
5. 产品演示（截图 / 核心功能）
6. 商业模式（如何赚钱）
7. 牵引力（数据、客户、里程碑）
8. 竞争对比（差异化定位）
9. 团队（关键成员 + 背景）
10. 融资需求（金额 + 用途 + 联系方式）
合作提案（Partnership Proposal）
1. 封面（提案标题 + 日期）
2. 背景（为什么找你们）
3. 我们是谁（公司简介 + 核心优势）
4. 合作方式（模式 + 流程）
5. 双赢分析（对方能得到什么）
6. 案例参考（过往合作成果）
7. 合作条款（关键条件概述）
8. 下一步行动（CTA + 联系方式）
客户 Demo / 产品介绍
1. 封面（产品名 + 核心价值主张）
2. 你的痛点（场景化描述）
3. 我们的方案（功能亮点）
4. 效果展示（案例 / 数据）
5. 定价方案（清晰直观）
6. 常见问题（FAQ）
7. 开始使用（CTA + 联系方式）
默认走视觉探索流程。
如果用户已知道想要的预设，跳过预览直接使用。
否则：
.pitch-deck-previews/ 下生成 3 个单页预览文件根据场景推荐以下预设（详见 STYLE_PRESETS.md）：
| 场景 | 推荐预设 |
|---|---|
| 投资人路演 | Bold Signal、Electric Studio |
| 合作提案 | Swiss Modern、Notebook Tabs |
| 高端品牌客户 | Dark Botanical、Vintage Editorial |
| 科技 / AI 产品 | Neon Cyber、Creative Voltage |
| 通用商务 | Pastel Geometry、Split Pastel |
输出文件：
pitch-deck.html[主题名称]-pitch.html只有演示中含有外部图片资源时，才创建 assets/ 文件夹。
必须包含的结构：
<section>STYLE_PRESETS.md 的视口安全 CSS 基础prefers-reduced-motion 支持视为硬性验收标准。
规则：
.slide 必须使用 height: 100vh; height: 100dvh; overflow: hidden;clamp() 缩放使用 STYLE_PRESETS.md 中的密度限制和必备 CSS 块。
交付时：
html_to_longimage.py --save-slides 将演示文稿转为纵向长图，同时交付 HTML 文件和长图文件。--save-slides 保存每页独立截图，供后续 PPTX 转换复用。长图适合微信/飞书等移动端直接发送和浏览。open file.htmlxdg-open file.htmlstart "" file.htmlPPT 转换为按需操作：仅当用户明确要求
.pptx格式时才调用html_to_pptx.py，不要主动转换。
用户确认 HTML 演示文稿后，主动调用此脚本生成纵向长图，同时交付 HTML 和长图两个文件：
python3 ./scripts/html_to_longimage.py <pitch-deck.html> [-o output.png] [--width 1920] [--height 1080] [--format png|jpg] [--quality 95] [--gap 0] [--scale 1.0] [--save-slides] [--slides-dir <dir>]
脚本功能：
<section class="slide">，像素级还原 CSS 效果（自定义属性、clamp()、渐变等）--gap--save-slides：同时保存每页独立截图到 <name>-slides/ 目录，供后续 PPTX 转换复用（跳过重复渲染）{"ok": true, "image_file": "...", "slide_count": 15, "width": 1920, "height": 16200, "slides_dir": "..."}典型用法：
# PNG 长图（无损，适合打印/截取细节）
python3 ./scripts/html_to_longimage.py pitch-deck.html
# JPEG 长图（体积更小，适合微信/飞书发送）
python3 ./scripts/html_to_longimage.py pitch-deck.html --format jpg --quality 90
# HiDPI 高清渲染（2x 缩放）
python3 ./scripts/html_to_longimage.py pitch-deck.html --scale 2.0
# 长图 + 保存每页截图（供 PPTX 转换复用）
python3 ./scripts/html_to_longimage.py pitch-deck.html --save-slides
依赖：playwright、Pillow（若缺失脚本会提示安装命令，首次使用需 python3 -m playwright install chromium）
当用户需要 PPT 格式（如投资人要求 .pptx 文件、微信/邮件附件场景），使用内置脚本将已生成的 HTML 演示文稿转为 PPTX。
核心思路：截图即幻灯片——在 headless Chromium 中逐页渲染并截图，每页截图作为全幅图片放入一页 PPTX，像素级保真，CSS 效果零损失。
# 从 HTML 渲染截图并生成 PPTX
python3 ./scripts/html_to_pptx.py <pitch-deck.html> [-o output.pptx]
# 复用已有截图（跳过渲染，速度更快）
python3 ./scripts/html_to_pptx.py <pitch-deck.html> -o output.pptx --screenshots-dir ./pitch-deck-slides/
# 自定义视口 / HiDPI
python3 ./scripts/html_to_pptx.py <pitch-deck.html> --width 1920 --height 1080 --scale 2.0
# 同时保存每页截图
python3 ./scripts/html_to_pptx.py <pitch-deck.html> --save-screenshots
脚本功能：
<section class="slide">（与长图流程共用同一渲染管线）--screenshots-dir 复用已有截图（如长图流程 --save-slides 产出的），跳过重复渲染{"ok": true, "pptx_file": "...", "slide_count": 15, "reused_screenshots": false}使用时机：
--save-slides，可用 --screenshots-dir 复用截图依赖：python-pptx、Pillow、playwright（与 ppt-maker 共用 python-pptx 依赖，若缺失脚本会提示安装命令）
python3 ./scripts/extract_pptx.py <file.pptx> [--images-dir /tmp/pptx_images]
脚本输出 JSON，包含每张幻灯片的标题、正文、演讲备注和图片路径（若指定了 --images-dir）。
python-pptx 未安装（输出 error 字段），询问用户是否安装（pip install python-pptx），或降级为手动粘贴流程保持跨平台兼容，不依赖 macOS 专有工具。
必须包含：
main、section、nav）prefers-reduced-motion| 幻灯片类型 | 上限 |
|---|---|
| 封面 | 1 个大标题 + 1 个副标题 + 可选标语 |
| 内容页 | 1 个标题 + 4–6 条要点或 2 段短文 |
| 功能网格 | 最多 6 张卡片 |
| 数据图表 | 1 个核心指标或 1 张图 |
| 引用 / 客户背书 | 1 条引用 + 来源 |
| 图片页 | 1 张图，高度不超过视口的 60% |
-clamp(...) 或 -min(...)