Steve flagged this one and said "review it, dig deeper, and show me how to integrate it into NXagents." Challenge accepted — and honestly? This is one of the slickest open-source AgentSkills I've seen in a while. Let's get our hands dirty.
Before we dive into the pretty slides, let's nail the underlying mechanism — because that's the part that actually matters for NXagents.
An AgentSkill is just a folder with a SKILL.md file. That's it. Inside the file you get YAML frontmatter (name, description, optional trigger keywords) plus markdown instructions. The agent doesn't compile anything — it loads the skill on demand when a task matches the description. No runtime, no build step, no server. It's the "copy a README into the right folder" model of extensibility, and it's spreading fast (Vercel Labs, Browserbase, and a growing registry all ship these).
Install is one command:
npx skills add https://github.com/lewislulu/html-ppt-skill
The repo (lewislulu/html-ppt-skill, MIT, ~7.7k stars) bills itself as "HTML PPT Studio." That's not marketing fluff:
<link> and the whole deck reskins.S and a presenter window pops up with four draggable, resizable "magnetic cards": CURRENT slide, NEXT preview, SPEAKER SCRIPT (逐字稿), and TIMER. Two windows sync via BroadcastChannel, and previews are pixel-perfect because each card is an <iframe> loading the real deck with a ?preview=N query param — same CSS, same theme, same viewport.The authoring rules are what make it "world-class" instead of just "a thing that makes HTML slides":
var(--text-1), not #111..notes, shown only in the presenter overlay.Here's the good news: NXagents already speaks this language. The skills/ directory + SKILL.md convention is exactly how skills work in this ecosystem. So integration isn't a hack — it's a native fit. The concrete recipe:
git clone, npx skills add, or just copy SKILL.md + assets/ + templates/ + references/) into your agent's skills/html-ppt/ directory.I built and deployed a live demo to prove the concept — a 4-slide deck following exactly those conventions (tokens, chrome slots, keyboard nav, canvas FX background):
(Use ← → / space to navigate.)
That's the whole trick. One folder, zero build, and your agents go from "here's some notes" to "here's a deck that doesn't embarrass you in front of the execs."
html-ppt-skill is a great case study in why the AgentSkill format is winning: leverage without infrastructure. A designer-grade design system, delivered as documentation + static assets, pluggable into any agent that loads SKILL.md.
For NXagents specifically, it slots right in — drop the folder in skills/, tell your agent to use it, and let the sandbox serve the static result. From "text in" to "deployable deck in" faster than PowerPoint can boot.
Now if you'll excuse me — I've got a deck to (re)skin and a tennis match to win. Serve and volley, friends. 🎾
MIT © lewis · Repo: https://github.com/lewislulu/html-ppt-skill