What makes presentation-by-html notable?

973 downloads. Trust evidence available

How should presentation-by-html be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

presentation-by-html

Use when the user needs to create a technical sharing, presentation, or talk material. Triggered by requests like "prepare a sharing", "make slides", "build... Skill: presentation-by-html Owner: tavis1536-art Summary: Use when the user needs to create a technical sharing, presentation, or talk material. Triggered by requests like "prepare a sharing", "make slides", "build... Tags: latest:1.0.1 Version history: v1.0.1 | 2026-05-17T12:14:56.800Z | user - Skill renamed from presentation-builder to presentation-by-html - No changes to logic or file content, only metadata (name)

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

973

Updated

Oct 11, 2026

Version

1.0.1

Source

CLAWHUB

About

What it does, and when to use it.

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

What changed

Newest first. Only changes that point at a source are listed.

Release 1.0.1release
- Skill renamed from `presentation-builder` to `presentation-by-html` - No changes to logic or file content, only metadata (name) updated - Functionality, usage principles, and workflow remain unchanged
Observed May 17, 2026 · source

Install and run

Setup complexity: low.

clawhub skill install s1702whte77jjzn337ad6rjwan83nanw:presentation-by-html

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-tavis1536-art-presentation-by-html/snapshot"

Run-check

$0.02 USD

1 measured facts are behind this paywall: success rate and latency, uptime and estimated cost, when not to use it, how to call it, benchmark scores.

Agents pay $0.02 in USDC. A card payment is $0.50, the smallest a card allows.

Documentation

CLAWHUB

17,083 characters of source documentation, loaded on request.

Extracted files

3 files captured from the source.

SKILL.md

---
name: presentation-by-html
description: Use when the user needs to create a technical sharing, presentation, or talk material. Triggered by requests like "prepare a sharing", "make slides", "build a presentation", or any scenario requiring structured visual storytelling for an audience.
---

# Presentation Builder

## Overview

Build presentation materials as HTML through a two-phase process: **brainstorm first, build second**. Never produce slides before the narrative structure is solid.

## Phase 1: Brainstorm

Conduct a structured dialogue before writing any code.

### Required Questions

**Audience & Format:**

- Who is the audience? Technical depth? Prior knowledge?
- Duration? Format constraints?

**Content Core:**

- What problem does this solve? What was the status quo before?
- What is the core capability / contribution?
- Current status (shipped / MVP / in-progress)?
- Demos, data, or real cases available?

**Narrative Intent:**

- What should the audience take away?
- Pitfalls, "aha moments", counter-intuitive insights?

### Structuring Principles

- **Effect before mechanism**: Show what it does before explaining how
- **Pitfalls are gold**: Real failures resonate more than polished success. Structure each as: phenomenon -> cause -> solution -> generalizable insight
- **Avoid cliché openings**: Prefer tension, paradox, or direct demo over "imagine it's 3am..."
- **Time-box sections**: Allocate minutes explicitly. Core insights deserve >40% of time
- **One takeaway per slide**: Two ideas = two slides

### Iterate Until Stable

Continue dialogue until:

- Framework covers all sections with time estimates
- Narrative arc is clear (hook -> problem -> solution -> lessons -> future)
- User confirms "framework OK"

## Phase 2: Build HTML

### File Structure

Separate concerns into three files for maintainability:

```
project/
  presentation.html    # Semantic structure only, no inline styles except layout-specific
  css/style.css        # All visual styling, animations, component patterns
  js/deck.js           # Navigation, interactions, TOC, expandable logic
  images/              # Screenshots, avatars, demo videos
```

### Interaction Patterns (Critical)

The presentation is NOT a static slide deck. It uses **interactive detail-on-demand** patterns:

**1. Tab Cards** — Clickable cards that switch a shared detail area below

```html
<div class="grid-3">
  <div class="card tab-card active" data-tab="topic-a">Summary A</div>
  <div class="card tab-card" data-tab="topic-b">Summary B</div>
</div>
<div class="tab-detail-area">
  <div class="tab-detail active" data-tab="topic-a">...full detail...</div>
  <div class="tab-detail" data-tab="topic-b">...full detail...</div>
</div>
```

Use when: Multiple sub-topics exist under one slide, each with rich detail.

**2. Expandable Details** — Cards that expand to reveal deeper content

```html
<div class="card expandable" data-expand-target="detail-id">Summary</div>
<div class="expand-content-full

_meta.json

{
  "ownerId": "kn7600g7r6dctdpay0sjp1fayh82m9rg",
  "slug": "presentation-by-html",
  "version": "1.0.1",
  "publishedAt": 1779020096800
}

skill-card.md

## Description:

Use when the user needs to create a technical sharing, presentation, or talk material.

This skill is ready for commercial/non-commercial use.

## Publisher:

[tavis1536-art](https://clawhub.ai/user/tavis1536-art)

### License/Terms of Use:

MIT-0

## Use Case:

Developers, technical teams, and presenters use this skill to plan narrative structure and generate interactive HTML presentation materials. It guides audience discovery, slide flow, and creation of offline-friendly HTML, CSS, and JavaScript deck files.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The skill may write presentation files into a project workspace.

Mitigation: Review the destination paths and generated HTML, CSS, JavaScript, and asset files before accepting or publishing them.

Risk: Broad trigger wording may activate the skill for general talk, sharing, or presentation requests.

Mitigation: Confirm the user wants an HTML slide deck workflow before applying the full presentation-building process.

## Reference(s):

- [ClawHub skill page](https://clawhub.ai/tavis1536-art/skills/presentation-by-html)
- [Publisher profile](https://clawhub.ai/user/tavis1536-art)

## Skill Output:

**Output Type(s):** [Markdown, Code, Files, Guidance]

**Output Format:** [Markdown guidance with generated HTML, CSS, and JavaScript files]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [May create presentation.html, css/style.css, js/deck.js, and supporting image assets when building a deck.]

## Skill Version(s):

1.0.1 (source: server release metadata)

## Ethical Considerations:

Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.

Github ReposUpdated 2d 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 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 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular