Slide Creator

Use when someone wants to CREATE or BUILD a slide deck, presentation, or 幻灯片/PPT/演示文稿 — from scratch, from notes, from a Word/PPTX file, or from an approved...

Security Scan

The skill's files, runtime instructions, and resource needs largely match its stated purpose (generate zero‑dependency HTML slide decks), with a few small inconsistencies you should be aware of before installing.

Purpose & Capability

Name/description (slide deck generation) aligns with the included files and instructions: templates, style references, demos, PPTX import/export notes, and an image pipeline using Pillow. Requiring python3 (and Pillow at runtime) is reasonable for image processing and PPTX handling.

Instruction Scope

SKILL.md confines actions to reading the skill's reference files, PLANNING.md, user-provided resources/, and any local .ppt/.pptx files — all expected for a generator. Two inconsistencies to note: the project claims 'Zero Dependencies / single HTML file' but several demo templates include external Google Fonts links (fonts.googleapis.com), which will cause external network fetches when demos are opened; and SKILL.md strongly requires reading references/html-template.md before writing HTML (good), so you should inspect that template before generating output. The skill also writes generated HTML and supports in-browser editing that saves back to disk (expected behavior but persistently modifies files).

Install Mechanism

There is no embedded install script in the skill bundle (instruction-only install guidance). README suggests installing by git clone or via ClawHub and notes OpenClaw will auto-install Pillow on first use — this is a low-to-moderate risk, typical for Python-based skills. No downloads from unknown URLs or archived extracts were declared.

Credentials

Skill declares python3 as the only required binary and no environment variables, secrets, or unrelated credentials. The requested access (reading local resources/, PLANNING.md, and local PPTX files) is proportionate for slide import/generation.

Persistence & Privilege

always:false and normal autonomous invocation settings. The skill will read and write files in the working directory (generate and save HTML, support Ctrl+S to save edits), but it does not request system‑wide persistence or other skills' config changes.

Assessment

This skill appears to do what it claims (create HTML slide decks) but review a few things before installing: 1) Inspect references/html-template.md and the chosen style starter (e.g., references/blue-sky-starter.html) so you understand exactly what HTML/CSS will be generated—the SKILL.md requires the agent to load and use those files. 2) Expect the generator to read local files (PLANNING.md, resources/, and any .ppt/.pptx in the current directory) and to write presentation HTML to disk; avoid running it in directories containing sensitive documents you don't want read/modified. 3) Although billed as 'zero dependencies', some demo starter files include external Google Fonts links — generated or starter HTML may cause the browser to fetch fonts from fonts.googleapis.com; if you need truly offline output, edit templates to remove external links. 4) The skill relies on Python + Pillow for image handling; OpenClaw/ClawHub may auto-install that dependency. 5) If you plan to export PPTX/PNG, that uses a separate skill (kai-html-export) which has its own install requirements; review that skill separately. If any of the above is a concern (external font fetches, file I/O, automatic dependency installs), inspect the repository files locally before enabling the skill and test in a safe directory.

Generate zero-dependency HTML presentations that run entirely in the browser.

Core Philosophy

1. Zero Dependencies — Single HTML files with inline CSS/JS. No npm, no build tools.
2. Show, Don't Tell — Generate visual style previews; people can't articulate design preferences until they see options.
3. Distinctive Design — Avoid generic AI aesthetics (Inter font, purple gradients, predictable heroes).
4. Viewport Fitting — Slides fit exactly in the viewport. Overflowing content gets split, not squished.
5. Plan Before Generate — --plan creates an outline; --generate produces HTML from it.

---

Generation Contract (Non-Negotiable)

Every generated HTML file MUST include both of these — no exceptions:

1. Presentation Mode — F5 / ▶ button, fullscreen scaling, PresentMode class (body.presenting, #present-btn, #present-counter)
2. Edit Mode — top-left hotzone, ✏ Edit toggle, contenteditable on all text, notes panel (#notes-panel, setupEditor())

These are defined in references/html-template.md. Read that file before writing any HTML, regardless of how you entered the skill.

Omitting either feature is a generation error — the same as missing viewport fitting or broken slide navigation.

---

Command Routing

Parse the invocation first, then load only what that command needs:

Command	What to load	What to do
--plan [prompt]	references/planning-template.md	Create PLANNING.md. Stop — no HTML.
--generate	references/html-template.md + chosen style file + references/base-css.md + references/design-quality.md	Read PLANNING.md, generate HTML.
No flag (interactive)	references/workflow.md + references/html-template.md before Phase 3 + references/design-quality.md before writing	Follow Phase 0–5.
Content + style given directly	references/html-template.md + style file + references/base-css.md	Generate immediately — no Phase 1/2 needed.

Progressive disclosure rule: each command loads only its required files. --plan never touches CSS. This keeps context focused and fast.

---

Phase 0: Detect Mode (No-flag entry point)

Read references/workflow.md for the full interactive workflow (Phases 1–5).

Quick routing before reading workflow.md:

• PLANNING.md exists → read it as source of truth, skip to Phase 3. Load references/html-template.md before generating.
• User provides source content + style directly (e.g. a .txt/.md file + style name) → skip Phase 1/2. Load references/html-template.md + style file + references/base-css.md, then generate immediately.
• User has a .ppt/.pptx file → Phase 4 (PPT conversion).
• User wants to enhance existing HTML → read it, then enhance. Split slides that overflow.
• Everything else → Phase 1 (Content Discovery).

Content-type → Style hints (use when user hasn't chosen a style):

Content type	Suggested styles
Data report / KPI dashboard	Data Story, Enterprise Dark, Swiss Modern
Business pitch / VC deck	Bold Signal, Aurora Mesh, Enterprise Dark
Developer tool / API docs	Terminal Green, Neon Cyber, Neo-Retro Dev Deck
Research / thought leadership	Modern Newspaper, Paper & Ink, Swiss Modern
Creative / personal brand	Vintage Editorial, Split Pastel, Neo-Brutalism
Product launch / SaaS	Aurora Mesh, Glassmorphism, Electric Studio
Education / tutorial	Notebook Tabs, Paper & Ink, Pastel Geometry
Chinese content	Chinese Chan, Aurora Mesh, Blue Sky
Hackathon / indie dev	Neo-Retro Dev Deck, Neo-Brutalism, Terminal Green

---

Style Reference Files

Read only the file for the chosen style. Never load all styles into context.

Style	File
Blue Sky	references/blue-sky-starter.html (use as full base — do not rewrite visual CSS)
Aurora Mesh	references/aurora-mesh.md
Chinese Chan	references/chinese-chan.md
Data Story	references/data-story.md
Enterprise Dark	references/enterprise-dark.md
Glassmorphism	references/glassmorphism.md
Neo-Brutalism	references/neo-brutalism.md
All other styles	Relevant section in STYLE-DESC.md
Custom theme	themes/<name>/reference.md (use starter.html if it exists)

For style picker / mood mapping / effect guide → read references/style-index.md.

For viewport CSS, density limits, CSS gotchas → read references/base-css.md.

For design quality rules (density balance, column balance, anti-slop, pre-output self-check) → read references/design-quality.md alongside the style file during --generate and Phase 3.

---

For AI Agents & Skills

Other agents can call this skill programmatically:

# From a topic or notes
/slide-creator Make a pitch deck for [topic]

# From a plan file (skip interactive phases)
/slide-creator --generate  # reads PLANNING.md automatically

# Two-step (review the plan before generating)
/slide-creator --plan "Product launch deck for Acme v2"
# (edit PLANNING.md if needed)
/slide-creator --generate

# Export to PPTX after generation
/kai-html-export presentation.html                    # image mode (pixel-perfect, default)
/kai-html-export --mode native presentation.html      # native mode (editable text/shapes)

---

Related Skills

• report-creator — For long-form scrollable HTML reports (not slides)
• frontend-design — For interactive pages that go beyond slides