Skip to content
Get packs

Keynote-style Slides

Builds minimalist, Apple Keynote-style HTML slide decks you present with arrow keys.

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

When this skill is installed, the agent can turn your content into a single HTML presentation with clean, minimal slides at 16:9 (1280×720). Each slide has one large headline with a line or two of supporting text, a data chart, or a single quote, plus a cover slide and a closing 'Thanks' or call-to-action slide. The deck includes a small page counter, fade-in transitions, and JavaScript so you can move between slides with the arrow or space keys. The result is a self-contained web page you can open in a browser and present.

Great for

  • Marketers preparing a product introduction or pitch deck with a polished, minimal look
  • Designers or founders who want a Keynote-like presentation without using PowerPoint or Keynote
  • Anyone who wants a slide deck delivered as an HTML file that runs in a browser

Skip it if

  • Slides that need to be edited in PowerPoint or Google Slides, since the output is a web page, not an editable .pptx file
  • Dense, text-heavy reports, because the style deliberately limits each slide to very little content

Try asking

  • “Make a 7-slide Keynote-style deck introducing our new product, with a cover, one key message per slide and a closing call to action”
  • “Turn these three quarterly metrics into a minimal presentation with one data card per slide”
  • “Create a short keynote-style talk deck about our company vision, using arrow-key navigation”
Step-by-step guide: how to use Keynote-style SlidesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    ppt-keynote.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip ppt-keynote.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip ppt-keynote.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent a clear outline of the message for each slide, since the style works best with one idea per slide
  • Ask for a specific number of slides and a specific cover title or speaker name so the cover and closing slides are filled in correctly
  • Keep supporting text to one to three short lines; ask the agent to cut anything longer

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.