Claim this agent
agentCLAWHUBUnverified

description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。

将用户讲稿一键生成乔布斯风极简科技感竖屏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)、幻灯片结构大纲、完

OpenClaw

Rank

62

Safety

84

Downloads

30k

Updated

May 11, 2026

Version

1.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 30.3K downloads reported by the source. Last updated 5/11/2026.

Avoid when

  • Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor
Clawhubvendor · observed May 11, 2026
Protocol compatibility
OpenClawcompatibility · observed May 11, 2026
Adoption signal
30.3K downloadsadoption · observed May 11, 2026
Latest release
1.0.0release · observed Feb 4, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install publishers:wwlyzzyorg:ppt-generator
  1. Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
  2. 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: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/snapshot"

Documentation

CLAWHUB

7,104 characters of source documentation, loaded on request.

Extracted files

5 files captured from the source.

SKILL.md

---
name: ppt-generator
description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。
---

# PPT Generator

将讲稿转换为乔布斯风极简科技感竖屏HTML演示稿。

## 设计哲学

- **极简主义** - 一屏只讲一件事
- **强视觉对比** - 深色背景 + 白色文字
- **高留白** - 禁止密集排版
- **强节奏感** - 让观众想继续看

## 生成流程(必须严格遵循)

### Step 1: 读取讲稿
读取用户原始讲稿,不修改原稿内容。

### Step 2: 生成提炼版讲稿
将内容精简、增强冲击力、适配演示场景,输出 Markdown 格式。

### Step 3: 生成乔布斯风标题
为每个章节生成标题,必须满足:
- ≤12 字
- 采用以下形式之一:对比式、问题式、断言式、数字式、比喻式
- 自检:是否让人想继续听?

### Step 4: 设计幻灯片结构
规划页面顺序和类型,参考 [references/slide-types.md](references/slide-types.md)。

### Step 5: 生成HTML
使用 [assets/template.html](assets/template.html) 作为基础模板生成完整HTML。

### Step 6: 填充内容
添加动态背景光斑、交互逻辑、平滑切换动画。

## 输出顺序(必须依次输出)

1. **提炼后的讲稿**(Markdown)
2. **幻灯片结构大纲**
3. **完整HTML代码**

## 视觉规范速查

| 项目 | 规范 |
|------|------|
| 比例 | 9:16 竖屏 |
| 背景 | #000000 或 #0a0a0a + 模糊光斑动画 |
| 主文字 | #ffffff |
| 辅助文字 | #9ca3af |
| 中文字体 | HarmonyOS Sans SC / 思源黑体 |
| 英文字体 | Inter / Roboto |
| 标题字重 | font-black / font-bold |
| 正文字重 | font-light / font-normal |

详细规范见 [references/design-spec.md](references/design-spec.md)。

## 交互要求

- 键盘 ← → 翻页
- 底部进度导航条
- 平滑切换动画

## 技术栈

- TailwindCSS(国内CDN)
- 复杂页面使用 Vue3(CDN)
- 单个HTML文件,可直接打开运行

## 严禁行为

- 堆字 / 密集排版
- 花哨配色
- 复杂图表
- 横屏比例
- 偏离极简科技风

## 默认规则

- 未指定页数:自动生成 8~20 页
- 未指定风格:默认乔布斯风

_meta.json

{
  "ownerId": "kn72d2hfv2jvd8n0f7hc8rsbj180hn1v",
  "slug": "ppt-generator",
  "version": "1.0.0",
  "publishedAt": 1770200473886
}

references/design-spec.md

# 设计规范详细文档

## 背景效果

### 主背景
- 主色:#000000 或 #0a0a0a
- 深色渐变底色

### 动态光斑(必须包含)
每页必须包含 1~3 个模糊光斑:

```css
.light-spot {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.3;
  animation: float 20s ease-in-out infinite;
}

.light-spot-1 { background: #3b82f6; }  /* 蓝色 */
.light-spot-2 { background: #8b5cf6; }  /* 紫色 */
.light-spot-3 { background: #06b6d4; }  /* 青色 */

@keyframes float {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(50px, -30px); }
  50% { transform: translate(-30px, 50px); }
  75% { transform: translate(-50px, -20px); }
}
```

## 字体加载(国内CDN)

```html
<!-- HarmonyOS Sans SC -->
<link href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" rel="stylesheet">

<!-- 思源黑体备选 -->
<link href="https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap" rel="stylesheet">

<!-- Inter 英文字体 -->
<link href="https://fonts.loli.net/css2?family=Inter:wght@300;400;700;900&display=swap" rel="stylesheet">
```

## 排版层级

```css
/* H1 超大标题 */
.slide-title {
  font-size: 3rem;      /* 48px */
  font-weight: 900;     /* font-black */
  line-height: 1.2;
  color: #ffffff;
}

/* H2 副标题 */
.slide-subtitle {
  font-size: 1.5rem;    /* 24px */
  font-weight: 700;     /* font-bold */
  color: #ffffff;
}

/* P 说明文字 */
.slide-text {
  font-size: 1.125rem;  /* 18px */
  font-weight: 300;     /* font-light */
  color: #9ca3af;
}
```

## 间距规范

- 元素间距:space-y-8 以上(32px+)
- 页面内边距:p-8 或 p-12
- 内容居中:flex items-center justify-center

## 页面容器

```css
.slide {
  width: 100%;
  height: 100vh;
  aspect-ratio: 9/16;
  max-width: 450px;      /* 竖屏限制 */
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
```

## 切换动画

```css
.slide {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.5s ease-out;
}

.slide.active {
  opacity: 1;
  transform: translateX(0);
}

.slide.prev {
  transform: translateX(-100%);
}
```

references/slide-types.md

# 幻灯片页面类型

## 1. 封面页

用于演示开场。

**结构:**
- 超大主标题(font-black,居中)
- 副标语(font-light,灰色)
- 系列标识/Logo(可选)

**示例:**
```html
<div class="slide cover">
  <h1 class="text-5xl font-black text-white mb-6">重新定义效率</h1>
  <p class="text-xl font-light text-gray-400">AI时代的工作方式</p>
</div>
```

---

## 2. 标题冲击页

用于章节开始或重点强调。

**结构:**
- 单行/双行大标题
- 几乎无正文(最多一行辅助文字)

**示例:**
```html
<div class="slide impact">
  <h1 class="text-4xl font-black text-white text-center">
    不是更努力<br>而是更聪明
  </h1>
</div>
```

---

## 3. 金句强调页

用于引用、名言、核心观点。

**结构:**
- 大引号装饰
- 金句内容(font-bold)
- 来源/出处(font-light,灰色)

**示例:**
```html
<div class="slide quote">
  <span class="text-6xl text-gray-600">"</span>
  <p class="text-2xl font-bold text-white my-6">
    简单比复杂更难
  </p>
  <span class="text-lg font-light text-gray-500">— Steve Jobs</span>
</div>
```

---

## 4. 步骤说明页

用于流程、方法、操作指南。

**结构:**
- 动词型大标题
- 简洁说明(1-2行)
- 可选:步骤编号

**示例:**
```html
<div class="slide step">
  <span class="text-6xl font-black text-blue-500 mb-4">01</span>
  <h2 class="text-3xl font-bold text-white mb-4">明确目标</h2>
  <p class="text-lg font-light text-gray-400">
    先问自己:这件事最重要的结果是什么?
  </p>
</div>
```

---

## 5. 对比页

用于展示变化、差异、前后对比。

**结构:**
- 左右或上下分栏
- 对比元素使用不同颜色标识
- 简洁文字说明

**示例:**
```html
<div class="slide compare">
  <div class="text-center mb-8">
    <span class="text-red-400 line-through text-xl">传统方式</span>
  </div>
  <div class="text-center">
    <span class="text-green-400 text-3xl font-bold">全新体验</span>
  </div>
</div>
```

---

## 6. 数据展示页

用于关键数字、统计、成果。

**结构:**
- 超大数字(font-black)
- 单位/说明(font-light)
- 简短解释

**示例:**
```html
<div class="slide data">
  <span class="text-7xl font-black text-white">10x</span>
  <p class="text-xl font-light text-gray-400 mt-4">效率提升</p>
</div>
```

---

## 7. 列表页

用于多点说明,但必须保持极简。

**结构:**
- 标题
- 3-5 个要点(不能更多)
- 每个要点 ≤10 字

**示例:**
```html
<div class="slide list">
  <h2 class="text-2xl font-bold text-white mb-8">三个原则</h2>
  <ul class="space-y-6 text-xl">
    <li class="text-gray-300">• 少即是多</li>
    <li class="text-gray-300">• 专注核心</li>
    <li class="text-gray-300">• 持续迭代</li>
  </ul>
</div>
```

---

## 8. 结尾行动页

用于演示结束,呼吁行动。

**结构:**
- 总结金句
- 行动号召(CTA)
- 联系方式/二维码(可选)

**示例:**
```html
<div class="slide ending">
  <h1 class="text-3xl font-bold text-white mb-8">
    现在就开始改变
  </h1>
  <p class="text-xl font-light text-gray-400">
    扫码获取更多信息
  </p>
</div>
```

---

## 页面选择指南

| 内容类型 | 推荐页面类型 |
|---------|-------------|
| 演示开场 | 封面页 |
| 章节分隔 | 标题冲击页 |
| 核心观点 | 金句强调页 |
| 操作步骤 | 步骤说明页 |
| 前后对比 | 对比页 |
| 关键数据 | 数据展示页 |
| 多点说明 | 列表页(≤5点)|
| 演示结束 | 结尾行动页 |

agents/openai.yaml

interface:
  display_name: "PPT Generator"
  short_description: "将讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿"
  default_prompt: "请根据我的讲稿生成科技风PPT"
Github ReposUpdated 6mo agoRank 70

activepieces

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

OPENCLAW
Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW
Github ReposUpdated 6mo agoRank 70

AionUi

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!

MCPOPENCLAW
Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular

OPENCLAW

Machine-readable data

The same record, as JSON, for agents and crawlers.

{
  "facts": [
    {
      "factKey": "vendor",
      "label": "Vendor",
      "value": "Clawhub",
      "category": "vendor",
      "href": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceUrl": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-05-11T06:25:39.815Z",
      "isPublic": true,
      "metadata": {}
    },
    {
      "factKey": "protocols",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "category": "compatibility",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-05-11T06:25:39.815Z",
      "isPublic": true,
      "metadata": {}
    },
    {
      "factKey": "traction",
      "label": "Adoption signal",
      "value": "30.3K downloads",
      "category": "adoption",
      "href": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceUrl": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-05-11T06:25:39.815Z",
      "isPublic": true,
      "metadata": {}
    },
    {
      "factKey": "latest_release",
      "label": "Latest release",
      "value": "1.0.0",
      "category": "release",
      "href": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceUrl": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-02-04T10:21:13.886Z",
      "isPublic": true,
      "metadata": {}
    },
    {
      "factKey": "handshake_status",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "category": "security",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-wwlyzzyorg-ppt-generator-2/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true,
      "metadata": {}
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 1.0.0",
      "description": "ppt-generator 1.0.0 初始版本发布 - 将用户讲稿一键转换为乔布斯风极简科技感9:16竖屏HTML演示稿。 - 输出包含:提炼后的讲稿(Markdown)、幻灯片结构大纲、完整HTML代码。 - 严格遵循极简、一屏一事、强视觉对比与留白等设计原则。 - 由TailwindCSS与Vue3(CDN)驱动,输出单个HTML文件,开箱即用。 - 支持键盘翻页、底部进度条和平滑动画等重点交互。",
      "href": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceUrl": "https://clawhub.ai/wwlyzzyorg/ppt-generator",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-02-04T10:21:13.886Z",
      "isPublic": true,
      "metadata": {}
    }
  ]
}

Record generated Oct 9, 2026.

Sponsored

Ads related to description: 将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿。当用户需要生成PPT、演示文稿、Slides、幻灯片,或要求科技风/极简风/乔布斯风格的演示时触发此技能。输出为单个可直接运行的HTML文件。 and adjacent AI workflows.