How to use the Keynote-style Slides agent skill (ppt-keynote)

What is an agent skill?

An agent skill is a folder containing a SKILL.md file that gives an AI agent specific instructions for a task. When the skill is installed, the agent can use those instructions when your request matches the skill's purpose.

The ppt-keynote skill is licensed under Apache-2.0 and comes from the nexu-io/html-anything project.

What the skill makes the agent produce

The agent builds a single HTML presentation at 16:9 (1280×720), with each slide as a centred section on a gradient background. Each slide holds very little: one large headline with one to three lines of supporting text, a data chart, or a single quote.

The deck opens with a cover slide (topic plus speaker or date) and ends with a 'Thanks.' or call-to-action slide. A small counter in the top-right corner shows the current slide and total. Slides fade in, and keyboard arrow keys or the space bar move between them. The URL hash (for example #/3) tracks the current slide.

• Cover slide with topic and speaker or date
• Content slides: headline with supporting text, a data card grid, or a quote
• Closing 'Thanks.' or call-to-action slide
• Page counter, fade-in transitions and keyboard navigation

How do you install the ppt-keynote skill?

Download the ZIP from our page and unzip it. You can install it in one of two places:

• Personal: unzip into ~/.claude/skills/
• Project: unzip into the project's .claude/skills/ folder
• Claude apps: upload the ZIP under Settings → Capabilities → Skills

Which files are in the skill?

The package contains three files: SKILL.md (the instructions the agent reads), example.md (a sample Markdown source for a product introduction) and example.html (the sample deck it produces).

• SKILL.md: the agent instructions and template rules
• example.md: sample input content
• example.html: sample output deck to compare against

How do you trigger the skill with a natural request?

You do not need a special command. Describe the presentation you want and mention slides or a deck. Include the content, the number of slides if you care, and the audience. The agent will match your request to the skill when it fits.

Good requests name the output and give the material to work from, such as a product summary, key numbers, or a quote you want highlighted.

• Make a 7-slide Keynote-style deck introducing our product, using the notes below.
• Turn this pitch summary into a minimal HTML slide deck with a cover and a Thanks slide.
• Create a slide with this quote as the only content, in the same deck style.

Example output and how to present it

The output is a self-contained web page. Open the HTML file in a browser, then use the left and right arrow keys or the space bar to move through slides. The page counter and URL hash update as you go.

The sample example.html shows the expected result. Because the template uses Tailwind-style utility classes, the output needs those styles loaded to look as intended.

• Open the HTML file directly in a browser to present
• Use ArrowLeft and ArrowRight, or space, to change slides
• Check the page counter and the #/n hash to jump back to a slide

What does the skill need and what are the safety notes?

You need a browser to open and present the HTML file. Fonts and styling rely on standard web technologies, and the template references Tailwind-style utility classes, so those styles must be loaded in the output.

According to the skill's documentation, it runs no scripts and uses no network access. The JavaScript in the deck handles only slide navigation in the page.

• Requires: a browser and Tailwind-style utility classes available to the page
• Runs scripts: no
• Uses network: no
• Output is an HTML file, not an editable .pptx