{"id":"19eb0d2c-78e2-48db-8caf-350e3400c1e8","slug":"clawhub-edsml-yl10823-html-slides","name":"html-based slides","description":"Create interactive, self-contained HTML slide decks with sidebar navigation, comment panel, zoom controls, inline editing, and present mode. Default brand is...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-edsml-yl10823-html-slides","sourceUrl":"https://clawhub.ai/edsml-yl10823/html-slides","homepage":"https://clawhub.ai/edsml-yl10823/skills/html-slides","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/edsml-yl10823/skills/html-slides"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.0","freshnessAt":"2026-10-11T23:43:37.308Z","freshnessLabel":"Oct 11, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 11, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.0.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/edsml-yl10823/skills/html-slides","sourceUrl":"https://clawhub.ai/edsml-yl10823/skills/html-slides","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T23:43:37.321Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-edsml-yl10823-html-slides/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-edsml-yl10823-html-slides/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-11T23:43:37.321Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"974 downloads","href":"https://clawhub.ai/edsml-yl10823/html-slides","sourceUrl":"https://clawhub.ai/edsml-yl10823/html-slides","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T23:43:37.321Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.0","href":"https://clawhub.ai/edsml-yl10823/html-slides","sourceUrl":"https://clawhub.ai/edsml-yl10823/html-slides","sourceType":"release","confidence":"medium","observedAt":"2026-04-15T07:54:46.314Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-edsml-yl10823-html-slides/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-edsml-yl10823-html-slides/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["974 downloads","Trust evidence available"],"agentCard":{"name":"html-based slides","description":"Create interactive, self-contained HTML slide decks with sidebar navigation, comment panel, zoom controls, inline editing, and present mode. Default brand is...","source":"CLAWHUB","sourceId":"clawhub:s1703chsgssn8asdzkcwz1rh7d845c0e:html-slides","homepage":"https://clawhub.ai/edsml-yl10823/skills/html-slides","repository":"https://clawhub.ai/edsml-yl10823/html-slides","documentation":"https://www.xpersona.co/agent/clawhub-edsml-yl10823-html-slides","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"<!DOCTYPE html>\n<html lang=\"zh\">\n<head>\n    <!-- Google Fonts (based on brand preset) -->\n    <style>\n        /* 1. CSS Custom Properties (from design-tokens.md — brand-resolved) */\n        /* 2. Reset & Base Typography */\n        /* 3. Viewport Fitting (MANDATORY — from viewport-chrome.md) */\n        /* 4. Language Toggle (bilingual only — from viewport-chrome.md) */\n        /* 5. Sidebar Navigation */\n        /* 6. Progress Bar */\n        /* 7. Comment Panel */\n        /* 8. Zoom Controls */\n        /* 9. Slide Type Styles (cover, section, content, closing) */\n        /* 10. Component Styles */\n        /* 11. Edit Mode */\n        /* 12. Present Mode */\n        /* 13. Responsive Breakpoints */\n        /* 14. Embedded Logos (if applicable) */\n    </style>\n</head>\n<body class=\"lang-cn\">\n    <!-- Chrome: sidebar + toggle (left), progress bar (top, slide area only), horizontal toolbar (top-right: lang→present→zoom→edit→comment), comment panel (right) -->\n    <!-- SLIDES (each is a <section class=\"slide\">) with lang-en/lang-cn spans -->\n    <!-- JS: SlidePresentation class -->\n</body>\n</html>"},{"kind":"example","language":"html","snippet":"<h2>\n    <span class=\"lang-en\">Architecture Overview</span>\n    <span class=\"lang-cn\">架构概览</span>\n</h2>\n<p>\n    <span class=\"lang-en\">Smart acts as a Package Registry.</span>\n    <span class=\"lang-cn\">Smart 作为 Package Registry。</span>\n</p>"}]}}