skills.rest
wentorai
wentoraiCOMMUNITY
Explore all skills by this author →
GitHub

kai-slide-creator

Generate self-contained HTML slide presentations from a topic or outline.

850|114|Updated Mar 9, 2026
Search Tags:#slides#pitch deck#deck generation#zero dependencies#html presentation#in-browser editor#contenteditable
One-click install
npx skills add https://github.com/wentorai/Research-Claw --skill kai-slide-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kai-slide-creator
Source: https://github.com/wentorai/Research-Claw/tree/main/skills/kai-slide-creator
Command: npx skills add https://github.com/wentorai/Research-Claw --skill kai-slide-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes the friction of creating slide decks and presentation layouts by generating zero-dependency HTML presentations that are ready to present and edit directly in the browser.

Core Features & Use Cases

  • Zero-dependency HTML output: Generates single-file, browser-run presentations with inline CSS/JS and no npm or build tools.
  • Two-mode workflow (Presentation + Edit): Includes Presentation Mode for fullscreen viewing and an Edit Mode hotzone with contenteditable text plus a notes panel.
  • Plan-first generation: Supports outline planning via a plan step and then generates slides from the resulting PLANNING.md.

Quick Start

Generate a presentation deck by running /slide-creator with a plan request like: Make a pitch deck for Acme v2.

Frequently Asked Questions about kai-slide-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide presentation without installing any dependencies?▼

You can generate a zero-dependency HTML slide presentation directly in the browser. This approach produces a single self-contained HTML file with inline CSS and JS, eliminating the need for npm packages or build tools.

Can I edit HTML presentation slides directly in the browser after generating them?▼

Yes, generated HTML presentations include an Edit Mode hotzone supporting contenteditable text and a notes panel. You can modify slide content directly within the browser without external editors.

What is the best way to build a pitch deck from a topic outline?▼

Plan-first generation supports creating a pitch deck by planning an outline first. The presentation is then generated from the resulting plan, ensuring your HTML deck structure aligns with your content strategy.

Does this HTML deck generation method support fullscreen presentation viewing?▼

Yes, the generated single-file HTML output satisfies Presentation Mode requirements including fullscreen scaling. This allows immediate viewing alongside the in-browser editing capabilities.

Do I need a build environment to export self-contained HTML presentations?▼

No build environment is required to export self-contained HTML presentations. The generation process creates a single file with inline CSS and JS, runnable directly in any standard browser.

What use cases does in-browser HTML deck generation support?▼

In-browser HTML deck generation supports interactive deck creation across research, business pitch, education, and developer documentation scenarios. It handles plan-to-HTML generation and exports through follow-on commands.

Related Skills

Explore More Design & Creative Skills→
xingBaGanxingBaGan

novel-studio-init

Spawn novel-specific agents to create character and plot outlines and whitepaper drafts.

Community
Intermediate
hmzainjamilhmzainjamil
1

html-to-ppt

Convert HTML and Markdown into PowerPoint presentations with Marp-based slide generation.

Community
Intermediate
MaraziiMarazii
8

talk-builder

Transform research papers into structured presentation outlines with slide summaries.

Community
Intermediate
wp931120wp931120
55

frontend-slides

Generate zero-dependency HTML slide decks from scratch or PowerPoint files.

Community
Advanced