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
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- 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: 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 [](https://myclaw.ai) [](https://github.com/openclaw/openclaw) [](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: clamREADME.de.md
# openclaw-slides [](https://myclaw.ai) [](https://github.com/openclaw/openclaw) [](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).*
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
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
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!
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
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.
