{"id":"daf26b3f-1dfc-4924-9e8b-f7a3866a3e0b","entityType":"agent","slug":"clawhub-wwlyzzyorg-ppt-generator-2","name":"description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。","canonicalUrl":"https://www.xpersona.co/agent/clawhub-wwlyzzyorg-ppt-generator-2","canonicalPath":"/agent/clawhub-wwlyzzyorg-ppt-generator-2","generatedAt":"2026-10-09T19:54:54.103Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":null},"description":"将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Skill: description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Owner: wwlyzzyorg Summary: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Tags: latest:1.0.0 Version history: v1.0.0 | 2026-02-04T10:21:13.886Z | user ppt-generator 1.0.0 初始版本发布 - 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。 - 输出包含：提炼后的讲稿（Markdown）、幻灯片结构大纲、完","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 30.3K downloads reported by the source. Last updated 5/11/2026.","installCommand":"clawhub skill install publishers:wwlyzzyorg:ppt-generator","sourceUrl":"https://clawhub.ai/wwlyzzyorg/ppt-generator","homepage":"https://clawhub.ai/wwlyzzyorg/ppt-generator","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/wwlyzzyorg/ppt-generator","kind":"source"}],"safetyScore":84,"overallRank":62,"popularityScore":90,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Skill: description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演"},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":null},"stars":null,"forks":null,"downloads":30273,"packageName":null,"latestVersion":"1.0.0","tractionLabel":"30.3K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-05-11T06:25:39.777Z","emptyReason":null},"lastUpdatedAt":"2026-05-11T06:25:39.815Z","lastCrawledAt":"2026-05-11T06:25:39.777Z","lastIndexedAt":null,"nextCrawlAt":"2026-05-12T06:25:39.777Z","lastVerifiedAt":null,"highlights":[{"version":"1.0.0","createdAt":"2026-02-04T10:21:13.886Z","changelog":"ppt-generator 1.0.0 初始版本发布 - 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。 - 输出包含：提炼后的讲稿（Markdown）、幻灯片结构大纲、完整HTML代码。 - 严格遵循极简、一屏一事、强视觉对比与留白等设计原则。 - 由TailwindCSS与Vue3（CDN）驱动，输出单个HTML文件，开箱即用。 - 支持键盘翻页、底部进度条和平滑动画等重点交互。","fileCount":6,"zipByteSize":7600}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install publishers:wwlyzzyorg:ppt-generator","setupComplexity":"low","setupSteps":["Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-09T19:54:54.103Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":null},"readme":"Skill: description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。\n\nOwner: wwlyzzyorg\n\nSummary: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。\n\nTags: latest:1.0.0\n\nVersion history:\n\nv1.0.0 | 2026-02-04T10:21:13.886Z | user\n\nppt-generator 1.0.0 初始版本发布\n\n- 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。\n- 输出包含：提炼后的讲稿（Markdown）、幻灯片结构大纲、完整HTML代码。\n- 严格遵循极简、一屏一事、强视觉对比与留白等设计原则。\n- 由TailwindCSS与Vue3（CDN）驱动，输出单个HTML文件，开箱即用。\n- 支持键盘翻页、底部进度条和平滑动画等重点交互。\n\nArchive index:\n\nArchive v1.0.0: 6 files, 7600 bytes\n\nFiles: agents/openai.yaml (194b), assets/template.html (7867b), references/design-spec.md (2310b), references/slide-types.md (3640b), SKILL.md (2364b), _meta.json (132b)\n\nFile v1.0.0:SKILL.md\n\n---\nname: ppt-generator\ndescription: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。\n---\n\n# PPT Generator\n\n将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。\n\n## 设计哲学\n\n- **极简主义** - 一屏只讲一件事\n- **强视觉对比** - 深色背景 + 白色文字\n- **高留白** - 禁止密集排版\n- **强节奏感** - 让观众想继续看\n\n## 生成流程（必须严格遵循）\n\n### Step 1: 读取讲稿\n读取用户原始讲稿，不修改原稿内容。\n\n### Step 2: 生成提炼版讲稿\n将内容精简、增强冲击力、适配演示场景，输出 Markdown 格式。\n\n### Step 3: 生成乔布斯风标题\n为每个章节生成标题，必须满足：\n- ≤12 字\n- 采用以下形式之一：对比式、问题式、断言式、数字式、比喻式\n- 自检：是否让人想继续听？\n\n### Step 4: 设计幻灯片结构\n规划页面顺序和类型，参考 [references/slide-types.md](references/slide-types.md)。\n\n### Step 5: 生成HTML\n使用 [assets/template.html](assets/template.html) 作为基础模板生成完整HTML。\n\n### Step 6: 填充内容\n添加动态背景光斑、交互逻辑、平滑切换动画。\n\n## 输出顺序（必须依次输出）\n\n1. **提炼后的讲稿**（Markdown）\n2. **幻灯片结构大纲**\n3. **完整HTML代码**\n\n## 视觉规范速查\n\n| 项目 | 规范 |\n|------|------|\n| 比例 | 9:16 竖屏 |\n| 背景 | #000000 或 #0a0a0a + 模糊光斑动画 |\n| 主文字 | #ffffff |\n| 辅助文字 | #9ca3af |\n| 中文字体 | HarmonyOS Sans SC / 思源黑体 |\n| 英文字体 | Inter / Roboto |\n| 标题字重 | font-black / font-bold |\n| 正文字重 | font-light / font-normal |\n\n详细规范见 [references/design-spec.md](references/design-spec.md)。\n\n## 交互要求\n\n- 键盘 ← → 翻页\n- 底部进度导航条\n- 平滑切换动画\n\n## 技术栈\n\n- TailwindCSS（国内CDN）\n- 复杂页面使用 Vue3（CDN）\n- 单个HTML文件，可直接打开运行\n\n## 严禁行为\n\n- 堆字 / 密集排版\n- 花哨配色\n- 复杂图表\n- 横屏比例\n- 偏离极简科技风\n\n## 默认规则\n\n- 未指定页数：自动生成 8~20 页\n- 未指定风格：默认乔布斯风\n\nFile v1.0.0:_meta.json\n\n{\n  \"ownerId\": \"kn72d2hfv2jvd8n0f7hc8rsbj180hn1v\",\n  \"slug\": \"ppt-generator\",\n  \"version\": \"1.0.0\",\n  \"publishedAt\": 1770200473886\n}\n\nFile v1.0.0:references/design-spec.md\n\n# 设计规范详细文档\n\n## 背景效果\n\n### 主背景\n- 主色：#000000 或 #0a0a0a\n- 深色渐变底色\n\n### 动态光斑（必须包含）\n每页必须包含 1~3 个模糊光斑：\n\n```css\n.light-spot {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: 0.3;\n  animation: float 20s ease-in-out infinite;\n}\n\n.light-spot-1 { background: #3b82f6; }  /* 蓝色 */\n.light-spot-2 { background: #8b5cf6; }  /* 紫色 */\n.light-spot-3 { background: #06b6d4; }  /* 青色 */\n\n@keyframes float {\n  0%, 100% { transform: translate(0, 0); }\n  25% { transform: translate(50px, -30px); }\n  50% { transform: translate(-30px, 50px); }\n  75% { transform: translate(-50px, -20px); }\n}\n```\n\n## 字体加载（国内CDN）\n\n```html\n<!-- HarmonyOS Sans SC -->\n<link href=\"https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css\" rel=\"stylesheet\">\n\n<!-- 思源黑体备选 -->\n<link href=\"https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<!-- Inter 英文字体 -->\n<link href=\"https://fonts.loli.net/css2?family=Inter:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n```\n\n## 排版层级\n\n```css\n/* H1 超大标题 */\n.slide-title {\n  font-size: 3rem;      /* 48px */\n  font-weight: 900;     /* font-black */\n  line-height: 1.2;\n  color: #ffffff;\n}\n\n/* H2 副标题 */\n.slide-subtitle {\n  font-size: 1.5rem;    /* 24px */\n  font-weight: 700;     /* font-bold */\n  color: #ffffff;\n}\n\n/* P 说明文字 */\n.slide-text {\n  font-size: 1.125rem;  /* 18px */\n  font-weight: 300;     /* font-light */\n  color: #9ca3af;\n}\n```\n\n## 间距规范\n\n- 元素间距：space-y-8 以上（32px+）\n- 页面内边距：p-8 或 p-12\n- 内容居中：flex items-center justify-center\n\n## 页面容器\n\n```css\n.slide {\n  width: 100%;\n  height: 100vh;\n  aspect-ratio: 9/16;\n  max-width: 450px;      /* 竖屏限制 */\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n```\n\n## 切换动画\n\n```css\n.slide {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: all 0.5s ease-out;\n}\n\n.slide.active {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.slide.prev {\n  transform: translateX(-100%);\n}\n```\n\nFile v1.0.0:references/slide-types.md\n\n# 幻灯片页面类型\n\n## 1. 封面页\n\n用于演示开场。\n\n**结构：**\n- 超大主标题（font-black，居中）\n- 副标语（font-light，灰色）\n- 系列标识/Logo（可选）\n\n**示例：**\n```html\n<div class=\"slide cover\">\n  <h1 class=\"text-5xl font-black text-white mb-6\">重新定义效率</h1>\n  <p class=\"text-xl font-light text-gray-400\">AI时代的工作方式</p>\n</div>\n```\n\n---\n\n## 2. 标题冲击页\n\n用于章节开始或重点强调。\n\n**结构：**\n- 单行/双行大标题\n- 几乎无正文（最多一行辅助文字）\n\n**示例：**\n```html\n<div class=\"slide impact\">\n  <h1 class=\"text-4xl font-black text-white text-center\">\n    不是更努力<br>而是更聪明\n  </h1>\n</div>\n```\n\n---\n\n## 3. 金句强调页\n\n用于引用、名言、核心观点。\n\n**结构：**\n- 大引号装饰\n- 金句内容（font-bold）\n- 来源/出处（font-light，灰色）\n\n**示例：**\n```html\n<div class=\"slide quote\">\n  <span class=\"text-6xl text-gray-600\">\"</span>\n  <p class=\"text-2xl font-bold text-white my-6\">\n    简单比复杂更难\n  </p>\n  <span class=\"text-lg font-light text-gray-500\">— Steve Jobs</span>\n</div>\n```\n\n---\n\n## 4. 步骤说明页\n\n用于流程、方法、操作指南。\n\n**结构：**\n- 动词型大标题\n- 简洁说明（1-2行）\n- 可选：步骤编号\n\n**示例：**\n```html\n<div class=\"slide step\">\n  <span class=\"text-6xl font-black text-blue-500 mb-4\">01</span>\n  <h2 class=\"text-3xl font-bold text-white mb-4\">明确目标</h2>\n  <p class=\"text-lg font-light text-gray-400\">\n    先问自己：这件事最重要的结果是什么？\n  </p>\n</div>\n```\n\n---\n\n## 5. 对比页\n\n用于展示变化、差异、前后对比。\n\n**结构：**\n- 左右或上下分栏\n- 对比元素使用不同颜色标识\n- 简洁文字说明\n\n**示例：**\n```html\n<div class=\"slide compare\">\n  <div class=\"text-center mb-8\">\n    <span class=\"text-red-400 line-through text-xl\">传统方式</span>\n  </div>\n  <div class=\"text-center\">\n    <span class=\"text-green-400 text-3xl font-bold\">全新体验</span>\n  </div>\n</div>\n```\n\n---\n\n## 6. 数据展示页\n\n用于关键数字、统计、成果。\n\n**结构：**\n- 超大数字（font-black）\n- 单位/说明（font-light）\n- 简短解释\n\n**示例：**\n```html\n<div class=\"slide data\">\n  <span class=\"text-7xl font-black text-white\">10x</span>\n  <p class=\"text-xl font-light text-gray-400 mt-4\">效率提升</p>\n</div>\n```\n\n---\n\n## 7. 列表页\n\n用于多点说明，但必须保持极简。\n\n**结构：**\n- 标题\n- 3-5 个要点（不能更多）\n- 每个要点 ≤10 字\n\n**示例：**\n```html\n<div class=\"slide list\">\n  <h2 class=\"text-2xl font-bold text-white mb-8\">三个原则</h2>\n  <ul class=\"space-y-6 text-xl\">\n    <li class=\"text-gray-300\">• 少即是多</li>\n    <li class=\"text-gray-300\">• 专注核心</li>\n    <li class=\"text-gray-300\">• 持续迭代</li>\n  </ul>\n</div>\n```\n\n---\n\n## 8. 结尾行动页\n\n用于演示结束，呼吁行动。\n\n**结构：**\n- 总结金句\n- 行动号召（CTA）\n- 联系方式/二维码（可选）\n\n**示例：**\n```html\n<div class=\"slide ending\">\n  <h1 class=\"text-3xl font-bold text-white mb-8\">\n    现在就开始改变\n  </h1>\n  <p class=\"text-xl font-light text-gray-400\">\n    扫码获取更多信息\n  </p>\n</div>\n```\n\n---\n\n## 页面选择指南\n\n| 内容类型 | 推荐页面类型 |\n|---------|-------------|\n| 演示开场 | 封面页 |\n| 章节分隔 | 标题冲击页 |\n| 核心观点 | 金句强调页 |\n| 操作步骤 | 步骤说明页 |\n| 前后对比 | 对比页 |\n| 关键数据 | 数据展示页 |\n| 多点说明 | 列表页（≤5点）|\n| 演示结束 | 结尾行动页 |\n\nFile v1.0.0:agents/openai.yaml\n\ninterface:\n  display_name: \"PPT Generator\"\n  short_description: \"将讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿\"\n  default_prompt: \"请根据我的讲稿生成科技风PPT\"","readmeExcerpt":"Skill: description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Owner: wwlyzzyorg Summary: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Tags: latest:1.0.0 Version history: v1.0.0 | 2026-02-04T10:21:13.886Z | user ppt-generator 1.0.0 初始版本发布 - 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。 - 输出包含：提炼后的讲稿（Markdown）、幻灯片结构大纲、完","codeSnippets":[],"executableExamples":[{"language":"css","snippet":".light-spot {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: 0.3;\n  animation: float 20s ease-in-out infinite;\n}\n\n.light-spot-1 { background: #3b82f6; }  /* 蓝色 */\n.light-spot-2 { background: #8b5cf6; }  /* 紫色 */\n.light-spot-3 { background: #06b6d4; }  /* 青色 */\n\n@keyframes float {\n  0%, 100% { transform: translate(0, 0); }\n  25% { transform: translate(50px, -30px); }\n  50% { transform: translate(-30px, 50px); }\n  75% { transform: translate(-50px, -20px); }\n}"},{"language":"html","snippet":"<!-- HarmonyOS Sans SC -->\n<link href=\"https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css\" rel=\"stylesheet\">\n\n<!-- 思源黑体备选 -->\n<link href=\"https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<!-- Inter 英文字体 -->\n<link href=\"https://fonts.loli.net/css2?family=Inter:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">"},{"language":"css","snippet":"/* H1 超大标题 */\n.slide-title {\n  font-size: 3rem;      /* 48px */\n  font-weight: 900;     /* font-black */\n  line-height: 1.2;\n  color: #ffffff;\n}\n\n/* H2 副标题 */\n.slide-subtitle {\n  font-size: 1.5rem;    /* 24px */\n  font-weight: 700;     /* font-bold */\n  color: #ffffff;\n}\n\n/* P 说明文字 */\n.slide-text {\n  font-size: 1.125rem;  /* 18px */\n  font-weight: 300;     /* font-light */\n  color: #9ca3af;\n}"},{"language":"css","snippet":".slide {\n  width: 100%;\n  height: 100vh;\n  aspect-ratio: 9/16;\n  max-width: 450px;      /* 竖屏限制 */\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}"},{"language":"css","snippet":".slide {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: all 0.5s ease-out;\n}\n\n.slide.active {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.slide.prev {\n  transform: translateX(-100%);\n}"},{"language":"html","snippet":"<div class=\"slide cover\">\n  <h1 class=\"text-5xl font-black text-white mb-6\">重新定义效率</h1>\n  <p class=\"text-xl font-light text-gray-400\">AI时代的工作方式</p>\n</div>"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: ppt-generator\ndescription: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。\n---\n\n# PPT Generator\n\n将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。\n\n## 设计哲学\n\n- **极简主义** - 一屏只讲一件事\n- **强视觉对比** - 深色背景 + 白色文字\n- **高留白** - 禁止密集排版\n- **强节奏感** - 让观众想继续看\n\n## 生成流程（必须严格遵循）\n\n### Step 1: 读取讲稿\n读取用户原始讲稿，不修改原稿内容。\n\n### Step 2: 生成提炼版讲稿\n将内容精简、增强冲击力、适配演示场景，输出 Markdown 格式。\n\n### Step 3: 生成乔布斯风标题\n为每个章节生成标题，必须满足：\n- ≤12 字\n- 采用以下形式之一：对比式、问题式、断言式、数字式、比喻式\n- 自检：是否让人想继续听？\n\n### Step 4: 设计幻灯片结构\n规划页面顺序和类型，参考 [references/slide-types.md](references/slide-types.md)。\n\n### Step 5: 生成HTML\n使用 [assets/template.html](assets/template.html) 作为基础模板生成完整HTML。\n\n### Step 6: 填充内容\n添加动态背景光斑、交互逻辑、平滑切换动画。\n\n## 输出顺序（必须依次输出）\n\n1. **提炼后的讲稿**（Markdown）\n2. **幻灯片结构大纲**\n3. **完整HTML代码**\n\n## 视觉规范速查\n\n| 项目 | 规范 |\n|------|------|\n| 比例 | 9:16 竖屏 |\n| 背景 | #000000 或 #0a0a0a + 模糊光斑动画 |\n| 主文字 | #ffffff |\n| 辅助文字 | #9ca3af |\n| 中文字体 | HarmonyOS Sans SC / 思源黑体 |\n| 英文字体 | Inter / Roboto |\n| 标题字重 | font-black / font-bold |\n| 正文字重 | font-light / font-normal |\n\n详细规范见 [references/design-spec.md](references/design-spec.md)。\n\n## 交互要求\n\n- 键盘 ← → 翻页\n- 底部进度导航条\n- 平滑切换动画\n\n## 技术栈\n\n- TailwindCSS（国内CDN）\n- 复杂页面使用 Vue3（CDN）\n- 单个HTML文件，可直接打开运行\n\n## 严禁行为\n\n- 堆字 / 密集排版\n- 花哨配色\n- 复杂图表\n- 横屏比例\n- 偏离极简科技风\n\n## 默认规则\n\n- 未指定页数：自动生成 8~20 页\n- 未指定风格：默认乔布斯风"},{"path":"_meta.json","content":"{\n  \"ownerId\": \"kn72d2hfv2jvd8n0f7hc8rsbj180hn1v\",\n  \"slug\": \"ppt-generator\",\n  \"version\": \"1.0.0\",\n  \"publishedAt\": 1770200473886\n}"},{"path":"references/design-spec.md","content":"# 设计规范详细文档\n\n## 背景效果\n\n### 主背景\n- 主色：#000000 或 #0a0a0a\n- 深色渐变底色\n\n### 动态光斑（必须包含）\n每页必须包含 1~3 个模糊光斑：\n\n```css\n.light-spot {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: 0.3;\n  animation: float 20s ease-in-out infinite;\n}\n\n.light-spot-1 { background: #3b82f6; }  /* 蓝色 */\n.light-spot-2 { background: #8b5cf6; }  /* 紫色 */\n.light-spot-3 { background: #06b6d4; }  /* 青色 */\n\n@keyframes float {\n  0%, 100% { transform: translate(0, 0); }\n  25% { transform: translate(50px, -30px); }\n  50% { transform: translate(-30px, 50px); }\n  75% { transform: translate(-50px, -20px); }\n}\n```\n\n## 字体加载（国内CDN）\n\n```html\n<!-- HarmonyOS Sans SC -->\n<link href=\"https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css\" rel=\"stylesheet\">\n\n<!-- 思源黑体备选 -->\n<link href=\"https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<!-- Inter 英文字体 -->\n<link href=\"https://fonts.loli.net/css2?family=Inter:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n```\n\n## 排版层级\n\n```css\n/* H1 超大标题 */\n.slide-title {\n  font-size: 3rem;      /* 48px */\n  font-weight: 900;     /* font-black */\n  line-height: 1.2;\n  color: #ffffff;\n}\n\n/* H2 副标题 */\n.slide-subtitle {\n  font-size: 1.5rem;    /* 24px */\n  font-weight: 700;     /* font-bold */\n  color: #ffffff;\n}\n\n/* P 说明文字 */\n.slide-text {\n  font-size: 1.125rem;  /* 18px */\n  font-weight: 300;     /* font-light */\n  color: #9ca3af;\n}\n```\n\n## 间距规范\n\n- 元素间距：space-y-8 以上（32px+）\n- 页面内边距：p-8 或 p-12\n- 内容居中：flex items-center justify-center\n\n## 页面容器\n\n```css\n.slide {\n  width: 100%;\n  height: 100vh;\n  aspect-ratio: 9/16;\n  max-width: 450px;      /* 竖屏限制 */\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n```\n\n## 切换动画\n\n```css\n.slide {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: all 0.5s ease-out;\n}\n\n.slide.active {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.slide.prev {\n  transform: translateX(-100%);\n}\n```"},{"path":"references/slide-types.md","content":"# 幻灯片页面类型\n\n## 1. 封面页\n\n用于演示开场。\n\n**结构：**\n- 超大主标题（font-black，居中）\n- 副标语（font-light，灰色）\n- 系列标识/Logo（可选）\n\n**示例：**\n```html\n<div class=\"slide cover\">\n  <h1 class=\"text-5xl font-black text-white mb-6\">重新定义效率</h1>\n  <p class=\"text-xl font-light text-gray-400\">AI时代的工作方式</p>\n</div>\n```\n\n---\n\n## 2. 标题冲击页\n\n用于章节开始或重点强调。\n\n**结构：**\n- 单行/双行大标题\n- 几乎无正文（最多一行辅助文字）\n\n**示例：**\n```html\n<div class=\"slide impact\">\n  <h1 class=\"text-4xl font-black text-white text-center\">\n    不是更努力<br>而是更聪明\n  </h1>\n</div>\n```\n\n---\n\n## 3. 金句强调页\n\n用于引用、名言、核心观点。\n\n**结构：**\n- 大引号装饰\n- 金句内容（font-bold）\n- 来源/出处（font-light，灰色）\n\n**示例：**\n```html\n<div class=\"slide quote\">\n  <span class=\"text-6xl text-gray-600\">\"</span>\n  <p class=\"text-2xl font-bold text-white my-6\">\n    简单比复杂更难\n  </p>\n  <span class=\"text-lg font-light text-gray-500\">— Steve Jobs</span>\n</div>\n```\n\n---\n\n## 4. 步骤说明页\n\n用于流程、方法、操作指南。\n\n**结构：**\n- 动词型大标题\n- 简洁说明（1-2行）\n- 可选：步骤编号\n\n**示例：**\n```html\n<div class=\"slide step\">\n  <span class=\"text-6xl font-black text-blue-500 mb-4\">01</span>\n  <h2 class=\"text-3xl font-bold text-white mb-4\">明确目标</h2>\n  <p class=\"text-lg font-light text-gray-400\">\n    先问自己：这件事最重要的结果是什么？\n  </p>\n</div>\n```\n\n---\n\n## 5. 对比页\n\n用于展示变化、差异、前后对比。\n\n**结构：**\n- 左右或上下分栏\n- 对比元素使用不同颜色标识\n- 简洁文字说明\n\n**示例：**\n```html\n<div class=\"slide compare\">\n  <div class=\"text-center mb-8\">\n    <span class=\"text-red-400 line-through text-xl\">传统方式</span>\n  </div>\n  <div class=\"text-center\">\n    <span class=\"text-green-400 text-3xl font-bold\">全新体验</span>\n  </div>\n</div>\n```\n\n---\n\n## 6. 数据展示页\n\n用于关键数字、统计、成果。\n\n**结构：**\n- 超大数字（font-black）\n- 单位/说明（font-light）\n- 简短解释\n\n**示例：**\n```html\n<div class=\"slide data\">\n  <span class=\"text-7xl font-black text-white\">10x</span>\n  <p class=\"text-xl font-light text-gray-400 mt-4\">效率提升</p>\n</div>\n```\n\n---\n\n## 7. 列表页\n\n用于多点说明，但必须保持极简。\n\n**结构：**\n- 标题\n- 3-5 个要点（不能更多）\n- 每个要点 ≤10 字\n\n**示例：**\n```html\n<div class=\"slide list\">\n  <h2 class=\"text-2xl font-bold text-white mb-8\">三个原则</h2>\n  <ul class=\"space-y-6 text-xl\">\n    <li class=\"text-gray-300\">• 少即是多</li>\n    <li class=\"text-gray-300\">• 专注核心</li>\n    <li class=\"text-gray-300\">• 持续迭代</li>\n  </ul>\n</div>\n```\n\n---\n\n## 8. 结尾行动页\n\n用于演示结束，呼吁行动。\n\n**结构：**\n- 总结金句\n- 行动号召（CTA）\n- 联系方式/二维码（可选）\n\n**示例：**\n```html\n<div class=\"slide ending\">\n  <h1 class=\"text-3xl font-bold text-white mb-8\">\n    现在就开始改变\n  </h1>\n  <p class=\"text-xl font-light text-gray-400\">\n    扫码获取更多信息\n  </p>\n</div>\n```\n\n---\n\n## 页面选择指南\n\n| 内容类型 | 推荐页面类型 |\n|---------|-------------|\n| 演示开场 | 封面页 |\n| 章节分隔 | 标题冲击页 |\n| 核心观点 | 金句强调页 |\n| 操作步骤 | 步骤说明页 |\n| 前后对比 | 对比页 |\n| 关键数据 | 数据展示页 |\n| 多点说明 | 列表页（≤5点）|\n| 演示结束 | 结尾行动页 |"},{"path":"agents/openai.yaml","content":"interface:\n  display_name: \"PPT Generator\"\n  short_description: \"将讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿\"\n  default_prompt: \"请根据我的讲稿生成科技风PPT\""}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Skill: description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Owner: wwlyzzyorg Summary: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片，或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 Tags: latest:1.0.0 Version history: v1.0.0 | 2026-02-04T10:21:13.886Z | user ppt-generator 1.0.0 初始版本发布 - 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。 - 输出包含：提炼后的讲稿（Markdown）、幻灯片结构大纲、完","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":484,"uniquenessScore":60,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-05-11T06:25:39.815Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-09T19:54:54.103Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}