Prezento

Prezento Marketplace

Public Claude Code plugin marketplace by Codika for generating, hosting, and sharing beautiful HTML presentations from any agent. Backed by prezento-app (a standalone Firebase project — independent of codika-app).

What's Inside

One plugin, prezento, with seven skills covering the full lifecycle:

Skill	What it does
setup-prezento	Get an API key from the prezento-app dashboard, store it in ~/.codika/.env, verify it works. Run this first.
generate-presentation	Generate a self-contained .html presentation in one of several built-in visual styles. Each style ships with a complete reference example and a build guide.
share-presentation	Upload a generated .html file to prezento-app and get a public share URL with view tracking.
update-presentation	Replace the HTML of an existing share in place — same URL, view counts preserved, version bumps. Use after re-generating or editing a deck.
list-presentations	List all of your shared presentations with title, view count, share URL.
get-presentation	Fetch full metadata for a single presentation: per-token view counts, status, all share URLs.
export-presentation-pdf	Convert a generated .html deck into a .pdf via a bundled Puppeteer runner. Handles full-deck slides mechanically and restructures slim-tabbed decks so each tab becomes its own page.

Lifecycle at a glance

setup-prezento (once)
  ↓
generate-presentation → ./deck.html
  ↓
share-presentation ./deck.html "Q4 board"
  ↓
  → returns shareUrl + shareId
  ↓
[recipients open the URL]
  ↓
list-presentations / get-presentation <shareId>     (track views)
  ↓
update-presentation <shareId> ./deck-v2.html        (re-publish, same URL)

Bundled Styles

The generate-presentation skill ships with two complete reference styles:

Style	Use it for
slim-tabbed	Workshops, internal alignments, content-heavy decks where reading comprehension matters more than spectacle. Sidebar-driven navigation, theme toggle, scrollable panels.
full-deck	Investor pitches, conference talks, recorded presentations. Cinematic full-screen slides with word-reveal animations, grid overview, scrubber preview, swipe support.

Each style lives in its own folder under plugins/prezento/skills/generate-presentation/styles/<style>/ containing:

• README.md — when to pick this style and what it's good for
• how-to-build.md — every component, CSS variable, JS behavior the agent needs to reproduce the look
• example.html — a complete production-quality reference presentation, source of truth for HTML/CSS/JS patterns

Install

/plugin marketplace add codika-io/prezento-marketplace
/plugin install prezento@prezento-marketplace

Quickstart

> /prezento:setup-prezento
[follow the steps to create an API key at prezento-app.web.app and save it to ~/.codika/.env]

> use prezento to generate a 7-slide deck about <topic> in full-deck style, save to ./deck.html

> share that presentation as "<title>"
[returns: https://europe-west1-prezento-app.cloudfunctions.net/getSharedPresentation/<shareId>?token=…]

Adding a New Style

1. Create plugins/prezento/skills/generate-presentation/styles/<style-name>/
2. Add README.md, how-to-build.md, and example.html
3. Register the style in plugins/prezento/skills/generate-presentation/styles/README.md
4. Update the table above

License

MIT