grunion-ai

Decklet — AI skill for Claude Code

AI community

How to install Decklet

This entry records only its repository, not the path inside it, so there is no exact command to give. Open grunion-ai/decklet and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Decklet does

AI slide generator for coding agents: a Claude Code and Codex skill plus CLI that turns any content into one self-contained, hand-editable HTML slide deck (single file presentation, zero dependencies): brand-true type roles, drag-and-retype editor, in-file PDF, verified layout. Open-source alternative to PowerPoint, Gamma, Slidev and PPTX skills.

Alternatives in AI

Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
Ante — Ghost in your shell 1.9k ★

README

decklet

**Editable slide decks from any content, as one self-contained HTML file. A Claude Code and Codex skill with a plain-Node CLI: the deck is a JSON model, the file is the editor, and a verifier checks the layout before a human ever sees it.**

Open-source alternative to PowerPoint, Keynote, Gamma and the PPTX-generator skills for coding agents. Next to [frontend-slides](https://github.com/zarazhangrui/frontend-slides)-style HTML skills it adds in-place editing, an enforced brand type scale, an in-file PDF writer and a layout gate. Zero dependencies, zero network, MIT.

![decklet demo: drag a row, page through slides that animate in, the inlined editor clips, the four anims, contact-sheet reorder, write a PDF](docs/demo.gif)

**Try it live:** https://grunion-ai.github.io/decklet/deck.html (drag, retype, ⊞ contact sheet, ⤓ PDF, F fullscreen). If decklet builds you a deck, star the repo: stars are how agents and people find it.

Quickstart

Node ≥ 22, nothing to `npm install`. Install it as a skill, or clone it anywhere and call the CLI.

# Claude Code plugin (marketplace + plugin live in this repo)
claude plugin marketplace add grunion-ai/decklet
claude plugin install decklet@grunion

# Any skills-aware agent (Claude Code, Codex, Cursor, Amp, and the rest)
npx skills add grunion-ai/decklet

# Or by hand: SKILL.md is picked up on the next session
git clone https://github.com/grunion-ai/decklet ~/.claude/skills/decklet

Then, in any session: "make a deck from these notes".

# As a CLI
git clone https://github.com/grunion-ai/decklet && cd decklet
node bin/validate.mjs examples/explainer/model.json
node bin/create.mjs --model examples/explainer/model.json --out deck.html --title decklet
open deck.html

Works wi