{"id":"92dce5d1-8ebf-407b-9746-57352f8bfc71","entityType":"agent","slug":"clawhub-skills-0xs4m1337-demo-video","name":"demo-video","canonicalUrl":"https://www.xpersona.co/agent/clawhub-skills-0xs4m1337-demo-video","canonicalPath":"/agent/clawhub-skills-0xs4m1337-demo-video","generatedAt":"2026-10-10T09:09:17.477Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":null},"description":"Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding. --- name: demo-video description: Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding. --- Demo Video Creator Create polished product demo videos by automating browser interactions.","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. Last updated 4/15/2026.","installCommand":"clawhub skill install skills:0xs4m1337:demo-video","sourceUrl":"https://github.com/openclaw/skills/tree/main/skills/0xs4m1337/demo-video","homepage":null,"primaryLinks":[{"label":"View on ClawHub","url":"https://github.com/openclaw/skills/tree/main/skills/0xs4m1337/demo-video","kind":"source"}],"safetyScore":84,"overallRank":62,"popularityScore":50,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or "},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-04-15T00:45:39.800Z","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":"no-adoption-signals","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"No source adoption metrics were available."},"stars":null,"forks":null,"downloads":null,"packageName":null,"latestVersion":null,"tractionLabel":null},"release":{"evidence":{"source":"agent-index","verified":false,"confidence":"medium","updatedAt":"2026-02-25T06:16:21.389Z","emptyReason":null},"lastUpdatedAt":"2026-04-15T00:45:39.800Z","lastCrawledAt":"2026-02-25T06:16:21.389Z","lastIndexedAt":null,"nextCrawlAt":"2026-02-26T06:16:21.389Z","lastVerifiedAt":null,"highlights":[]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install skills:0xs4m1337:demo-video","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-skills-0xs4m1337-demo-video/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/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-10T09:09:17.477Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-0xs4m1337-demo-video/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-04-15T00:45:39.800Z","emptyReason":null},"readme":"---\nname: demo-video\ndescription: Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding.\n---\n\n# Demo Video Creator\n\nCreate polished product demo videos by automating browser interactions.\n\n## Overview\n\n1. **Plan** the demo sequence (pages, interactions, timing)\n2. **Record** frames using Playwright CDP screencast\n3. **Encode** to video with FFmpeg\n\n## Quick Start\n\n### Prerequisites\n\n- Clawdbot browser running (`browser action=start profile=clawd`)\n- App accessible via browser (localhost or remote)\n- FFmpeg installed for encoding\n\n### Recording Workflow\n\n1. Start the Clawdbot browser if not running\n2. Navigate to the app manually or via `browser action=open`\n3. Customize `scripts/record-demo.js` for the target app\n4. Run: `node scripts/record-demo.js`\n5. Encode: `bash scripts/frames-to-video.sh`\n\n## Planning a Demo\n\nSee `references/demo-planning.md` for guidance on:\n- Structuring demo sequences\n- Timing and pacing\n- Interaction patterns\n- What makes demos compelling\n\n## Scripts\n\n### `scripts/record-demo.js`\n\nTemplate Playwright script that:\n- Connects to Clawdbot browser via CDP\n- Starts screencast capture (JPEG frames)\n- Executes demo sequence (navigation, clicks, hovers, typing)\n- Saves frames to output directory\n\n**Customize for each demo:**\n- `DEMO_SEQUENCES` array - define pages and interactions\n- `OUTPUT_DIR` - where to save frames\n- `FRAME_SKIP` - skip every Nth frame (lower = more frames)\n\n### `scripts/frames-to-video.sh`\n\nFFmpeg encoding script with presets:\n- `mp4` - H.264, good quality/size balance (default)\n- `gif` - Animated GIF for embedding\n- `webm` - VP9, smaller files\n\nUsage: `./frames-to-video.sh [input_dir] [output_name] [format]`\n\n## Interaction Patterns\n\n```javascript\n// Navigation\nawait page.goto('http://localhost/dashboard');\nawait page.waitForTimeout(2000);\n\n// Click element\nawait page.locator('button:has-text(\"Create\")').click();\nawait page.waitForTimeout(500);\n\n// Hover (show tooltips, hover states)\nawait page.locator('.card').first().hover();\nawait page.waitForTimeout(1000);\n\n// Type text\nawait page.locator('input[placeholder=\"Search\"]').fill('query');\nawait page.waitForTimeout(500);\n\n// Press key\nawait page.keyboard.press('Enter');\nawait page.keyboard.press('Escape');\n\n// Scroll\nawait page.evaluate(() => window.scrollBy(0, 300));\n```\n\n## Tips\n\n- **Timing**: 2s on page load, 0.5-1s between interactions, 1.5s to show results\n- **Frame skip**: Use 3-5 for smooth video, 8-10 for smaller files\n- **Quality**: 85-90 JPEG quality balances size and clarity\n- **Resolution**: Browser window size determines output resolution\n- **Loops**: GIFs should loop seamlessly - end where you started\n","readmeExcerpt":"--- name: demo-video description: Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding. --- Demo Video Creator Create polished product demo videos by automating browser interactions. ","codeSnippets":[],"executableExamples":[{"language":"javascript","snippet":"// Navigation\nawait page.goto('http://localhost/dashboard');\nawait page.waitForTimeout(2000);\n\n// Click element\nawait page.locator('button:has-text(\"Create\")').click();\nawait page.waitForTimeout(500);\n\n// Hover (show tooltips, hover states)\nawait page.locator('.card').first().hover();\nawait page.waitForTimeout(1000);\n\n// Type text\nawait page.locator('input[placeholder=\"Search\"]').fill('query');\nawait page.waitForTimeout(500);\n\n// Press key\nawait page.keyboard.press('Enter');\nawait page.keyboard.press('Escape');\n\n// Scroll\nawait page.evaluate(() => window.scrollBy(0, 300));"}],"parameters":{},"dependencies":[],"permissions":[],"extractedFiles":[],"languages":["typescript"],"docsSourceLabel":"CLAWHUB","editorialOverview":"Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding. --- name: demo-video description: Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding. --- Demo Video Creator Create polished product demo videos by automating browser interactions.","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":402,"uniquenessScore":61,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-10T09:09:17.477Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"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!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"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","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}