{"id":"24f29223-7c0b-4e40-82ae-1e4fa5d67f9d","entityType":"agent","slug":"clawhub-leoyeai-openclaw-slides","name":"openclaw-slides","canonicalUrl":"https://www.xpersona.co/agent/clawhub-leoyeai-openclaw-slides","canonicalPath":"/agent/clawhub-leoyeai-openclaw-slides","generatedAt":"2026-10-09T14:32:41.131Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-09T03:09:30.716Z","emptyReason":null},"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... 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","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 7K downloads reported by the source. Last updated 10/9/2026.","installCommand":"clawhub skill install s17173yy3nw4w4agfswx5k0wz583g31t:openclaw-slides","sourceUrl":"https://clawhub.ai/leoyeai/openclaw-slides","homepage":"https://clawhub.ai/leoyeai/skills/openclaw-slides","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/leoyeai/openclaw-slides","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/leoyeai/skills/openclaw-slides","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":64,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files (.ppt/.pptx) to beautiful web slides. Use when the user wants to... "},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-09T03:09:30.716Z","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-10-09T03:09:30.716Z","emptyReason":null},"stars":null,"forks":null,"downloads":6956,"packageName":null,"latestVersion":"2.0.0","tractionLabel":"7K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-09T03:09:30.716Z","emptyReason":null},"lastUpdatedAt":"2026-10-09T03:09:30.716Z","lastCrawledAt":"2026-10-09T03:09:30.716Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-10T03:09:30.716Z","lastVerifiedAt":null,"highlights":[{"version":"2.0.0","createdAt":"2026-03-28T07:13:16.632Z","changelog":"Update ecosystem links to myclaw.ai/skills","fileCount":12,"zipByteSize":25067},{"version":"1.0.3","createdAt":"2026-03-03T06:02:33.054Z","changelog":"Add MyClaw.ai intro + link to SKILL.md (visible on ClawHub skill page)","fileCount":11,"zipByteSize":23827},{"version":"1.0.2","createdAt":"2026-03-03T05:58:09.882Z","changelog":"Add MyClaw.ai intro + link before skill description in all 8 language READMEs","fileCount":11,"zipByteSize":23678},{"version":"1.0.1","createdAt":"2026-03-03T05:06:51.768Z","changelog":"Fix security scan: add Python dependency install spec, remove ambiguous model reference, clarify local-only image processing","fileCount":11,"zipByteSize":22488},{"version":"1.0.0","createdAt":"2026-03-03T04:24:57.265Z","changelog":"Initial release: create stunning HTML presentations with OpenClaw AI agents. 12 curated styles, PPT conversion, zero dependencies. Powered by MyClaw.ai.","fileCount":11,"zipByteSize":22336}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s17173yy3nw4w4agfswx5k0wz583g31t:openclaw-slides","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-leoyeai-openclaw-slides/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/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-09T14:32:41.128Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-leoyeai-openclaw-slides/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-10-09T03:09:30.716Z","emptyReason":null},"readme":"Skill: openclaw-slides\n\nOwner: leoyeai\n\nSummary: Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files (.ppt/.pptx) to beautiful web slides. Use when the user wants to...\n\nTags: latest:2.0.0\n\nVersion history:\n\nv2.0.0 | 2026-03-28T07:13:16.632Z | user\n\nUpdate ecosystem links to myclaw.ai/skills\n\nv1.0.3 | 2026-03-03T06:02:33.054Z | user\n\nAdd MyClaw.ai intro + link to SKILL.md (visible on ClawHub skill page)\n\nv1.0.2 | 2026-03-03T05:58:09.882Z | user\n\nAdd MyClaw.ai intro + link before skill description in all 8 language READMEs\n\nv1.0.1 | 2026-03-03T05:06:51.768Z | user\n\nFix security scan: add Python dependency install spec, remove ambiguous model reference, clarify local-only image processing\n\nv1.0.0 | 2026-03-03T04:24:57.265Z | user\n\nInitial release: create stunning HTML presentations with OpenClaw AI agents. 12 curated styles, PPT conversion, zero dependencies. Powered by MyClaw.ai.\n\nArchive index:\n\nArchive v2.0.0: 12 files, 25067 bytes\n\nFiles: _meta.json (134b), README.de.md (2093b), README.es.md (2074b), README.fr.md (2082b), README.it.md (2013b), README.ja.md (2306b), README.md (3949b), README.ru.md (2709b), README.zh-CN.md (3637b), references/STYLE_PRESETS.md (13934b), skill-card.md (2263b), SKILL.md (13417b)\n\nFile v2.0.0:SKILL.md\n\n---\nname: openclaw-slides\ndescription: 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.\nopenclaw:\n requires:\n bins: []\n install:\n - id: python-pptx\n kind: shell\n label: \"Install Python dependencies for PPT conversion (optional — only needed for Mode B)\"\n command: \"pip install python-pptx Pillow\"\n optional: true\n---\n\n# OpenClaw Slides\n\n> **[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).\n\nCreate 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.\n\n**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\n\nFor full style details and CSS specs: read `references/STYLE_PRESETS.md` when needed.\n\n---\n\n## Phase 0: Detect Mode\n\nDetermine the user's intent:\n\n- **Mode A — New Presentation:** Create slides from scratch → go to Phase 1\n- **Mode B — PPT Conversion:** Convert an existing `.ppt`/`.pptx` file → go to Phase 4\n- **Mode C — Enhance Existing:** Improve an existing HTML presentation → read the file, then enhance (always maintain viewport fitting)\n\n---\n\n## CRITICAL: Viewport Fitting (Non-Negotiable)\n\n**Every slide MUST fit exactly within the viewport. No scrolling within slides, ever.**\n\n### Content Density Limits Per Slide\n\n| Slide Type | Maximum Content |\n|------------|-----------------|\n| Title slide | 1 heading + 1 subtitle + optional tagline |\n| Content slide | 1 heading + 4–6 bullet points OR 1 heading + 2 paragraphs |\n| Feature grid | 1 heading + 6 cards max (2×3 or 3×2) |\n| Code slide | 1 heading + 8–10 lines of code |\n| Quote slide | 1 quote (max 3 lines) + attribution |\n| Image slide | 1 heading + 1 image (max 60vh height) |\n\n**Content exceeds limits → Split into multiple slides.**\n\n### Required CSS for Every Presentation\n\n```css\nhtml, body { height: 100%; overflow-x: hidden; }\nhtml { scroll-snap-type: y mandatory; scroll-behavior: smooth; }\n\n.slide {\n width: 100vw;\n height: 100vh;\n height: 100dvh;\n overflow: hidden;\n scroll-snap-align: start;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.slide-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-height: 100%;\n overflow: hidden;\n padding: var(--slide-padding);\n}\n\n:root {\n --title-size: clamp(1.5rem, 5vw, 4rem);\n --h2-size: clamp(1.25rem, 3.5vw, 2.5rem);\n --body-size: clamp(0.75rem, 1.5vw, 1.125rem);\n --slide-padding: clamp(1rem, 4vw, 4rem);\n --content-gap: clamp(0.5rem, 2vw, 2rem);\n}\n\nimg, .image-container { max-width: 100%; max-height: min(50vh, 400px); object-fit: contain; }\n.card, .container { max-width: min(90vw, 1000px); max-height: min(80vh, 700px); }\n.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: clamp(0.5rem, 1.5vw, 1rem); }\n\n@media (max-height: 700px) { :root { --slide-padding: clamp(0.75rem, 3vw, 2rem); --title-size: clamp(1.25rem, 4.5vw, 2.5rem); } }\n@media (max-height: 600px) { :root { --title-size: clamp(1.1rem, 4vw, 2rem); --body-size: clamp(0.7rem, 1.2vw, 0.95rem); } .nav-dots, .keyboard-hint { display: none; } }\n@media (max-height: 500px) { :root { --title-size: clamp(1rem, 3.5vw, 1.5rem); --slide-padding: clamp(0.4rem, 2vw, 1rem); } }\n@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }\n@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.2s !important; } }\n```\n\n**⚠️ Never negate CSS functions directly.** Use `calc(-1 * clamp(...))` not `-clamp(...)`.\n\n---\n\n## Phase 1: Content Discovery (New Presentations)\n\nAsk the user (via normal conversation — ask all at once):\n\n1. **Purpose:** pitch deck / teaching / conference talk / internal presentation?\n2. **Length:** ~5–10 / 10–20 / 20+ slides?\n3. **Content:** ready content, rough notes, or just a topic?\n4. **Images:** any images to include? (provide path like `./assets` or `~/Desktop/screenshots`)\n5. **Inline editing:** should text be editable in-browser after generation?\n\nIf they have content, ask them to share it.\n\n### Image Evaluation (if images provided)\n\nAll image processing is done **locally on the user's machine** — images are never sent to external services.\n\n1. `ls` the folder — find all `.png/.jpg/.jpeg/.gif/.svg/.webp`\n2. Read each image file locally using the `read` tool\n3. Mark each as `USABLE` or `NOT USABLE` (reason: blurry, irrelevant, etc.)\n4. Note what each represents (logo, screenshot, chart, etc.) and dominant colors\n5. Build slide outline that incorporates usable images as visual anchors\n6. Present outline + image assignments to user for confirmation\n\nIf user says **no images** → skip image pipeline, use CSS-generated visuals (gradients, shapes, patterns) throughout.\n\n---\n\n## Phase 2: Style Discovery\n\n### Option A — Direct Selection (user knows what they want)\n\nPick from presets:\n\n| Preset | Vibe |\n|--------|------|\n| Bold Signal | Confident, high-impact, dark |\n| Electric Studio | Clean, professional, split panel |\n| Creative Voltage | Energetic, retro-modern |\n| Dark Botanical | Elegant, sophisticated |\n| Notebook Tabs | Editorial, organized |\n| Pastel Geometry | Friendly, approachable |\n| Split Pastel | Playful, modern |\n| Vintage Editorial | Witty, personality-driven |\n| Neon Cyber | Futuristic, techy |\n| Terminal Green | Developer-focused, hacker |\n| Swiss Modern | Minimal, precise |\n| Paper & Ink | Literary, thoughtful |\n\nSkip to Phase 3.\n\n### Option B — Visual Discovery (default for undecided users)\n\nAsk: **What feeling should the audience have?**\n- Impressed/Confident → Bold Signal, Electric Studio, Dark Botanical\n- Excited/Energized → Creative Voltage, Neon Cyber, Split Pastel\n- Calm/Focused → Notebook Tabs, Paper & Ink, Swiss Modern\n- Inspired/Moved → Dark Botanical, Vintage Editorial, Pastel Geometry\n\nGenerate **3 mini style preview HTML files** in `.tmp-slide-previews/` — each is a single title slide showing typography, colors, and animation. Tell the user the file paths and ask which they prefer.\n\n**Never use:** purple gradients on white, Inter/Roboto/system fonts, generic blue primary colors.\n\n**Use instead:** distinctive font pairings (Clash Display, Satoshi, Cormorant, DM Sans), cohesive personality-driven palettes, atmospheric backgrounds.\n\nFor full preset specs (colors, fonts, signature elements): read `references/STYLE_PRESETS.md`.\n\n---\n\n## Phase 3: Generate Presentation\n\n### Image Processing (skip if no images)\n\nIf user provided images, process with Python Pillow before generating HTML:\n\n```python\nfrom PIL import Image, ImageDraw\n\n# Circular crop (for logos)\ndef crop_circle(input_path, output_path):\n img = Image.open(input_path).convert('RGBA')\n w, h = img.size\n size = min(w, h)\n img = img.crop(((w-size)//2, (h-size)//2, (w+size)//2, (h+size)//2))\n mask = Image.new('L', (size, size), 0)\n ImageDraw.Draw(mask).ellipse([0, 0, size, size], fill=255)\n img.putalpha(mask)\n img.save(output_path, 'PNG')\n\n# Resize large images\ndef resize_max(input_path, output_path, max_dim=1200):\n img = Image.open(input_path)\n img.thumbnail((max_dim, max_dim), Image.LANCZOS)\n img.save(output_path, quality=85)\n```\n\nInstall if needed: `pip install Pillow`\n\n**Use direct file paths in HTML** (not base64), e.g. `src=\"assets/logo_round.png\"`. Never overwrite originals — save processed files with `_processed` suffix.\n\n### HTML Architecture\n\n```html\n\n\n\n \n \n Presentation Title\n \n \n\n\n
\n \n\n
\n

Title

\n

Subtitle

\n
\n \n\n \n\n\n```\n\n### Required JS Features\n\n- Keyboard navigation: arrow keys, space\n- Touch/swipe support\n- Mouse wheel navigation\n- Progress bar + navigation dots\n- Intersection Observer → adds `.visible` class → triggers CSS animations\n- Staggered reveal delays (nth-child 0.1s, 0.2s, 0.3s...)\n\n### Inline Editing (only if user opted in)\n\n**⚠️ Do NOT use CSS `~` sibling selector for hover-based show/hide** — `pointer-events: none` breaks the hover chain. Use JS with delay timeout:\n\n```javascript\n// Hotzone hover with 400ms grace period\nconst hotzone = document.querySelector('.edit-hotzone');\nconst editToggle = document.getElementById('editToggle');\nlet hideTimeout = null;\n\nhotzone.addEventListener('mouseenter', () => { clearTimeout(hideTimeout); editToggle.classList.add('show'); });\nhotzone.addEventListener('mouseleave', () => { hideTimeout = setTimeout(() => { if (!editor.isActive) editToggle.classList.remove('show'); }, 400); });\neditToggle.addEventListener('mouseenter', () => clearTimeout(hideTimeout));\neditToggle.addEventListener('mouseleave', () => { hideTimeout = setTimeout(() => { if (!editor.isActive) editToggle.classList.remove('show'); }, 400); });\n\n// Keyboard: E key (skip when editing)\ndocument.addEventListener('keydown', (e) => {\n if ((e.key === 'e' || e.key === 'E') && !e.target.getAttribute('contenteditable')) editor.toggleEditMode();\n});\n```\n\nFeatures: contenteditable text, auto-save to localStorage, export/save file.\n\n### Code Quality\n\n- Comment every major CSS and JS section\n- Semantic HTML: `
`, `