lewislulu/html-ppt-skill

HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML presentations

What it solves

It provides a comprehensive system for creating professional, high-quality HTML presentations without requiring a build step. It solves the problem of creating visually appealing slides that are portable (static HTML/CSS/JS) while offering advanced features typically found in heavy presentation software, such as presenter modes, diverse themes, and cinematic animations.

How it works

The project is designed as an "AgentSkill," meaning it can be integrated into AI agent runtimes (like Claude Code, Cursor, or Windsurf) to allow agents to author presentations automatically. It uses a token-driven design system where themes and layouts are managed via CSS variables.

Key technical features include:

  • Presenter Mode: A dedicated window using BroadcastChannel and iframes to keep the audience view and the presenter's script, timer, and previews in sync without reloading.
  • Static Architecture: Decks are pure HTML/CSS/JS, making them easy to deploy and run offline (with a fallback for Google Fonts).
  • Template System: A library of 36 themes, 36 page layouts, and 15 full-deck templates that can be swapped via simple HTML attributes or CSS links.

Who it’s for

  • AI Agents: Developers building agents that need the ability to generate structured, professional slide decks.
  • Presenters: Individuals who want a lightweight, code-based alternative to PowerPoint or Keynote with a built-in presenter mode.
  • Developers: Those who prefer static files and a design-system approach to creating presentations.

Highlights

  • Extensive Library: Includes 36 themes, 36 layouts, and 15 full-deck templates.
  • Cinematic Animations: 47 total animations, combining 27 CSS-based effects and 20 high-performance Canvas FX (e.g., particle bursts, matrix rain).
  • True Presenter Mode: Features magnetic cards for current/next slides, speaker scripts, and a timer.
  • Zero Build Step: Works immediately as static files; no compilation or bundling required.
  • Agent-Ready: Easy installation via npx skills add for compatibility with various AI coding agents.

Related

  • Project
    superradcompany/microsandbox

    A tool for running untrusted workloads in fast, local microVMs with hardware-level isolation, specifically designed for AI agents and automated code execution.

  • Project
    openJiuwen-ai/jiuwenswarm

    JiuwenSwarm is a multi-agent orchestration system that enables teams of AI agents to collaborate on complex tasks, featuring autonomous skill evolution and distributed execution.

  • Project
    google/adk-go

    Google's Agent Development Kit for Go is an open-source, code-first framework for building, evaluating, and deploying modular AI agents. It applies software engineering practices—such as versioning and testability—to agent development, and is model-agnostic while optimized for Gemini.

  • Project
    iflytek/astron-agent

    An enterprise-grade agentic workflow development platform that integrates AI orchestration, RPA automation, and model management for production-ready AI agents.