Claim this agent
agentCLAWHUBUnverified

openclaw-slides

Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files (.ppt/.pptx) to beautiful web slides. Use when the user wants to... Skill: openclaw-slides Owner: leoyeai Summary: Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files (.ppt/.pptx) to beautiful web slides. Use when the user wants to... Tags: latest:2.0.0 Version history: v2.0.0 | 2026-03-28T07:13:16.632Z | user Update ecosystem links to myclaw.ai/skills v1.0.3 | 2026-03-03T06:02:33.054Z | user Add MyClaw.ai intro + link to SKILL.md (visible on C

OpenClaw

Rank

62

Safety

84

Downloads

7.0k

Updated

Oct 9, 2026

Version

2.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 7K downloads reported by the source. Last updated 10/9/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 Oct 9, 2026
Protocol compatibility
OpenClawcompatibility · observed Oct 9, 2026
Adoption signal
7K downloadsadoption · observed Oct 9, 2026
Latest release
2.0.0release · observed Mar 28, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s17173yy3nw4w4agfswx5k0wz583g31t:openclaw-slides
  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-leoyeai-openclaw-slides/snapshot"

Documentation

CLAWHUB

143,464 characters of source documentation, loaded on request.

Extracted files

5 files captured from the source.

SKILL.md

---
name: openclaw-slides
description: Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files (.ppt/.pptx) to beautiful web slides. Use when the user wants to build a pitch deck, presentation, slideshow, or slide deck — or convert an existing PPT to a web presentation. Generates zero-dependency single HTML files with keyboard/touch navigation and scroll-triggered animations. Style options include Neon Cyber, Bold Signal, Swiss Modern, Paper & Ink, and 8 more curated presets.
openclaw:
  requires:
    bins: []
  install:
    - id: python-pptx
      kind: shell
      label: "Install Python dependencies for PPT conversion (optional — only needed for Mode B)"
      command: "pip install python-pptx Pillow"
      optional: true
---

# OpenClaw Slides

> **[MyClaw.ai](https://myclaw.ai)** — Your AI personal assistant with full server control. Every MyClaw instance runs on a dedicated server with complete code access, networking, and tool capabilities. This skill is part of the [MyClaw open skills ecosystem](https://myclaw.ai/skills).

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser. Single self-contained HTML files — no npm, no build tools, no frameworks. Works offline, renders in 10 years.

**Style presets:** Bold Signal, Electric Studio, Creative Voltage, Dark Botanical, Notebook Tabs, Pastel Geometry, Split Pastel, Vintage Editorial, Neon Cyber, Terminal Green, Swiss Modern, Paper & Ink

For full style details and CSS specs: read `references/STYLE_PRESETS.md` when needed.

---

## Phase 0: Detect Mode

Determine the user's intent:

- **Mode A — New Presentation:** Create slides from scratch → go to Phase 1
- **Mode B — PPT Conversion:** Convert an existing `.ppt`/`.pptx` file → go to Phase 4
- **Mode C — Enhance Existing:** Improve an existing HTML presentation → read the file, then enhance (always maintain viewport fitting)

---

## CRITICAL: Viewport Fitting (Non-Negotiable)

**Every slide MUST fit exactly within the viewport. No scrolling within slides, ever.**

### Content Density Limits Per Slide

| Slide Type | Maximum Content |
|------------|-----------------|
| Title slide | 1 heading + 1 subtitle + optional tagline |
| Content slide | 1 heading + 4–6 bullet points OR 1 heading + 2 paragraphs |
| Feature grid | 1 heading + 6 cards max (2×3 or 3×2) |
| Code slide | 1 heading + 8–10 lines of code |
| Quote slide | 1 quote (max 3 lines) + attribution |
| Image slide | 1 heading + 1 image (max 60vh height) |

**Content exceeds limits → Split into multiple slides.**

### Required CSS for Every Presentation

```css
html, body { height: 100%; overflow-x: hidden; }
html { scroll-snap-type: y mandatory; scroll-behavior: smooth; }

.slide {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    position: relative;
}

.slide-content {
    flex: 1;
    display: flex;
    

README.md

# openclaw-slides

[![Powered by MyClaw.ai](https://img.shields.io/badge/Powered%20by-MyClaw.ai-gold?style=flat-square)](https://myclaw.ai)
[![OpenClaw Skill](https://img.shields.io/badge/OpenClaw-Skill-blue?style=flat-square)](https://github.com/openclaw/openclaw)
[![License: MIT](https://img.shields.io/badge/License-MIT-green?style=flat-square)](LICENSE)

> **[MyClaw.ai](https://myclaw.ai)** — Your AI personal assistant with full server control. Every MyClaw instance runs on a dedicated server with complete code access, networking, and tool capabilities. This skill is part of the [MyClaw open skills ecosystem](https://myclaw.ai/skills).

**Create stunning, animation-rich HTML presentations — from scratch or by converting PowerPoint files.**

An OpenClaw agent skill that helps anyone build beautiful web slide decks with zero dependencies. Single HTML files with inline CSS/JS — no npm, no build tools, no frameworks. Works offline, renders forever.

---

🌐 **Languages:** [中文](README.zh-CN.md) · [Français](README.fr.md) · [Deutsch](README.de.md) · [Русский](README.ru.md) · [日本語](README.ja.md) · [Italiano](README.it.md) · [Español](README.es.md)

---

## ✨ Features

- **Zero Dependencies** — Single HTML files with inline CSS/JS. No npm, no build tools, no frameworks.
- **12 Curated Styles** — Bold Signal, Neon Cyber, Dark Botanical, Swiss Modern, Paper & Ink, and 7 more. No generic AI aesthetics.
- **PPT Conversion** — Convert existing PowerPoint files to web, preserving all images and content.
- **Visual Style Discovery** — Can't articulate design preferences? Generate 3 previews and pick what you like.
- **Production Quality** — Keyboard navigation, touch/swipe, scroll-triggered animations, responsive design, reduced-motion support.
- **Inline Editing** — Optional in-browser text editing with localStorage auto-save.

## 🎨 Style Presets

| Preset | Vibe | Best For |
|--------|------|----------|
| Bold Signal | Confident, high-impact | Pitch decks, keynotes |
| Electric Studio | Clean, professional | Agency presentations |
| Creative Voltage | Energetic, retro-modern | Creative pitches |
| Dark Botanical | Elegant, sophisticated | Premium brands |
| Notebook Tabs | Editorial, organized | Reports, reviews |
| Pastel Geometry | Friendly, approachable | Product overviews |
| Split Pastel | Playful, modern | Creative agencies |
| Vintage Editorial | Witty, personality-driven | Personal brands |
| Neon Cyber | Futuristic, techy | Tech startups |
| Terminal Green | Developer-focused | Dev tools, APIs |
| Swiss Modern | Minimal, precise | Corporate, data |
| Paper & Ink | Literary, thoughtful | Storytelling |

## 🚀 Installation

```bash
clawhub install openclaw-slides
```

Or manually copy to your OpenClaw workspace skills directory:

```bash
cp -r openclaw-slides/ ~/.openclaw/workspace/skills/
```

## 💬 Usage

Just tell your OpenClaw agent what you want:

> "Create a pitch deck for my AI startup"

> "Convert my presentation.pptx to a web slideshow"

>

_meta.json

{
  "ownerId": "kn7fymx2je994eh44j51che37s824w29",
  "slug": "openclaw-slides",
  "version": "2.0.0",
  "publishedAt": 1774681996632
}

references/STYLE_PRESETS.md

# Style Presets Reference

Curated visual styles for Frontend Slides. Each preset is inspired by real design references—no generic "AI slop" aesthetics. **Abstract shapes only—no illustrations.**

---

## ⚠️ CRITICAL: Viewport Fitting (Non-Negotiable)

**Every slide MUST fit exactly in the viewport. No scrolling within slides, ever.**

### Content Density Limits Per Slide

| Slide Type | Maximum Content |
|------------|-----------------|
| Title slide | 1 heading + 1 subtitle |
| Content slide | 1 heading + 4-6 bullets (max 2 lines each) |
| Feature grid | 1 heading + 6 cards (2x3 or 3x2) |
| Code slide | 1 heading + 8-10 lines of code |
| Quote slide | 1 quote (max 3 lines) + attribution |

**Too much content? → Split into multiple slides. Never scroll.**

### Required Base CSS (Include in ALL Presentations)

```css
/* ===========================================
   VIEWPORT FITTING: MANDATORY
   Copy this entire block into every presentation
   =========================================== */

/* 1. Lock document to viewport */
html, body {
    height: 100%;
    overflow-x: hidden;
}

html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}

/* 2. Each slide = exact viewport height */
.slide {
    width: 100vw;
    height: 100vh;
    height: 100dvh; /* Dynamic viewport for mobile */
    overflow: hidden; /* CRITICAL: No overflow ever */
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* 3. Content wrapper */
.slide-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100%;
    overflow: hidden;
    padding: var(--slide-padding);
}

/* 4. ALL sizes use clamp() - scales with viewport */
:root {
    /* Typography */
    --title-size: clamp(1.5rem, 5vw, 4rem);
    --h2-size: clamp(1.25rem, 3.5vw, 2.5rem);
    --body-size: clamp(0.75rem, 1.5vw, 1.125rem);
    --small-size: clamp(0.65rem, 1vw, 0.875rem);

    /* Spacing */
    --slide-padding: clamp(1rem, 4vw, 4rem);
    --content-gap: clamp(0.5rem, 2vw, 2rem);
}

/* 5. Cards/containers use viewport-relative max sizes */
.card, .container {
    max-width: min(90vw, 1000px);
    max-height: min(80vh, 700px);
}

/* 6. Images constrained */
img {
    max-width: 100%;
    max-height: min(50vh, 400px);
    object-fit: contain;
}

/* 7. Grids adapt to space */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: clamp(0.5rem, 1.5vw, 1rem);
}

/* ===========================================
   RESPONSIVE BREAKPOINTS - Height-based
   =========================================== */

/* Short screens (< 700px height) */
@media (max-height: 700px) {
    :root {
        --slide-padding: clamp(0.75rem, 3vw, 2rem);
        --content-gap: clamp(0.4rem, 1.5vw, 1rem);
        --title-size: clamp(1.25rem, 4.5vw, 2.5rem);
    }
}

/* Very short (< 600px height) */
@media (max-height: 600px) {
    :root {
        --slide-padding: clam

README.de.md

# openclaw-slides

[![Powered by MyClaw.ai](https://img.shields.io/badge/Powered%20by-MyClaw.ai-gold?style=flat-square)](https://myclaw.ai)
[![OpenClaw Skill](https://img.shields.io/badge/OpenClaw-Skill-blue?style=flat-square)](https://github.com/openclaw/openclaw)
[![License: MIT](https://img.shields.io/badge/License-MIT-green?style=flat-square)](LICENSE)

> **[MyClaw.ai](https://myclaw.ai)** — Dein KI-Persönlichkeitsassistent mit vollständiger Server-Kontrolle. Jede MyClaw-Instanz läuft auf einem dedizierten Server mit vollständigem Code-Zugriff, Netzwerk und Werkzeugen. Dieser Skill ist Teil des [offenen MyClaw-Skill-Ökosystems](https://myclaw.ai/skills).

**Erstelle beeindruckende, animierte HTML-Präsentationen — von Grund auf oder durch Konvertierung von PowerPoint-Dateien.**

Ein OpenClaw-Skill, der jedem hilft, schöne Web-Slideshows ohne Abhängigkeiten zu erstellen. Einzelne HTML-Dateien mit integriertem CSS/JS — kein npm, keine Build-Tools, kein Framework.

---

🌐 **Sprachen:** [English](README.md) · [中文](README.zh-CN.md) · [Français](README.fr.md) · [Русский](README.ru.md) · [日本語](README.ja.md) · [Italiano](README.it.md) · [Español](README.es.md)

---

## ✨ Funktionen

- **Keine Abhängigkeiten** — Einzelne HTML-Dateien mit integriertem CSS/JS.
- **12 kuratierte Stile** — Bold Signal, Neon Cyber, Dark Botanical, Swiss Modern und mehr.
- **PPT-Konvertierung** — PowerPoint-Dateien in Web-Präsentationen umwandeln.
- **Visuelle Stilfindung** — Generiere 3 Vorschauen und wähle, was dir gefällt.
- **Produktionsqualität** — Tastaturnavigation, Touch/Swipe, Animationen, responsives Design.

## 🚀 Installation

```bash
clawhub install openclaw-slides
```

## 💬 Verwendung

> "Erstelle ein Pitch Deck für mein KI-Startup"

> "Konvertiere meine Präsentation.pptx in eine Web-Slideshow"

## 📄 Lizenz

MIT — Nutzen, ändern, teilen.

---

*Für OpenClaw adaptiert von [zarazhangrui/openclaw-slides](https://github.com/zarazhangrui/openclaw-slides). Unterstützt von [MyClaw.ai](https://myclaw.ai).*
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",
      "category": "vendor",
      "label": "Vendor",
      "value": "Clawhub",
      "href": "https://clawhub.ai/leoyeai/skills/openclaw-slides",
      "sourceUrl": "https://clawhub.ai/leoyeai/skills/openclaw-slides",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-09T03:09:30.716Z",
      "isPublic": true
    },
    {
      "factKey": "protocols",
      "category": "compatibility",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-10-09T03:09:30.716Z",
      "isPublic": true
    },
    {
      "factKey": "traction",
      "category": "adoption",
      "label": "Adoption signal",
      "value": "7K downloads",
      "href": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceUrl": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-09T03:09:30.716Z",
      "isPublic": true
    },
    {
      "factKey": "latest_release",
      "category": "release",
      "label": "Latest release",
      "value": "2.0.0",
      "href": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceUrl": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-03-28T07:13:16.632Z",
      "isPublic": true
    },
    {
      "factKey": "handshake_status",
      "category": "security",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 2.0.0",
      "description": "Update ecosystem links to myclaw.ai/skills",
      "href": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceUrl": "https://clawhub.ai/leoyeai/openclaw-slides",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-03-28T07:13:16.632Z",
      "isPublic": true
    }
  ]
}

Record generated Oct 9, 2026.

Sponsored

Ads related to openclaw-slides and adjacent AI workflows.