Skip to content
Get packs

Guide · Agent skill

How to use the Replit Deck HTML Slides agent skill

Updated · written with AI from the project's own documentation and checked against our catalogue data

The replit-deck skill is an agent skill that turns rough product or technical material, such as PRDs, roadmaps, RFCs, architecture reviews and retrospectives, into a single-file HTML presentation that swipes horizontally. This guide is for people who have never installed an agent skill before. By the end you will know what the skill does, how to add it to your agent, how to ask for a deck in plain language, and what to check before you present the result.

Replit Deck HTML Slidesnexu-io/open-design · Apache-2.0

Quick start

  1. 1Download and unzip. Download the replit-deck ZIP from this page and unzip it into ~/.claude/skills/ or your project's .claude/skills/ folder.
  2. 2Or upload it in the Claude apps. In the Claude apps, open Settings, go to Capabilities, then Skills, and upload the ZIP.
  3. 3Describe your material. Paste or attach the PRD, RFC, roadmap or retro and say who the audience is and what decision you need.
  4. 4Answer the setup questions. The skill asks for missing essentials such as the deadline and must-keep numbers. Give them plainly.
  5. 5Confirm the theme and slide rhythm. Review the proposed theme and slide sequence before the agent writes the HTML. Changing it at this stage is cheap.
  6. 6Check the figures and open the file. Verify every number and placeholder yourself, then open the single HTML file in a browser and step through it with the arrow keys.

What does the replit-deck skill make the agent do?

The skill tells the agent how to build a slide deck aimed at a decision. The source describes its goal as helping reviewers approve a feature, an architecture, a roadmap or an incident follow-up. It is styled for a presentation rather than a sales pitch.

The output is one HTML file. The skill does not produce PowerPoint (.pptx) or Google Slides files.

  • Picks one of eight visual themes: helix, holm, vance, bevel, world-dark, world-mint, atlas and bluehouse.
  • Plans the slide sequence before writing any HTML.
  • Copies predefined slide layouts from reference files and fills them with specific copy.
  • Runs a self-check against a checklist before producing the final file.

How do you install the replit-deck skill?

Download the replit-deck ZIP from this page. Then add it to your agent in one of two ways. A skill is a folder of instructions; the agent reads its SKILL.md file when the skill is relevant to your request.

Option A is a personal install: unzip the folder into ~/.claude/skills/. Option B is a project install: unzip it into the .claude/skills/ folder inside your project. Option C works in the Claude apps: open Settings, go to Capabilities, then Skills, and upload the ZIP there.

  • Personal: ~/.claude/skills/replit-deck
  • Project: .claude/skills/replit-deck inside your project folder
  • Claude apps: Settings → Capabilities → Skills → upload the ZIP

How do you trigger the skill with a natural request?

You do not need a special command. Describe the material and the audience in ordinary words, and mention that you want a deck. The skill's triggers include phrases such as html deck, html slides, product management, roadmap and architecture, so those words help the agent choose it.

The skill expects a few essentials before it starts. It will ask for the audience, the decision you want, the source material, the deadline and any numbers that must appear exactly as given.

  • Example: Turn this RFC into a six-slide HTML deck for the platform review. The decision is whether we approve the migration.
  • Example: Make a roadmap deck from these notes for the leadership team. Use the helix theme.
  • Example: Build a short retro deck with three slides for the incident follow-up meeting.

What do the example outputs look like?

The skill includes four reference decks, each in a different theme: example-helix (SaaS board update, light and minimal), example-holm (legal fintech memo in a cream serif style), example-atlas (quarterly history chapter in black and vermilion) and example-bluehouse (real estate ROI pitch with gradient cards). Open any of them in a browser and move between slides with the left and right arrow keys.

The other four themes are defined in the template and theme reference but have no example file. To try one, copy the template to a new file and change the theme attribute on the body element.

  • Slide count defaults to 6 and can be set from 3 to 20.
  • Memos and campaign decks often land at 3 to 4 slides; long chapter decks can run 8 to 12.

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

The source lists no required software or accounts. It does not run scripts and does not use the network, so everything happens in the agent's own work and in the HTML file it writes.

Numbers are the main risk. The skill is designed to use only real figures or leave an honest placeholder. Even so, a person must check every figure, because placeholders and any numbers the agent could have guessed need review before the deck reaches reviewers.

  • No scripts are run by the skill.
  • No network use is declared.
  • The skill asks you for must-keep numbers; check any placeholder yourself.
  • Do not rewrite the navigation script in the template; the skill's instructions say it fixes known iframe navigation issues.
  • Use one theme per deck, as the skill requires.
grep -E 'data-theme|style="--' index.html | head

What people use it for

  • A product manager turns a PRD into a decision deck asking reviewers to approve a feature business case.
  • A technical lead converts an RFC or architecture review into a short slide presentation for an architecture board.
  • A team builds a roadmap deck from planning notes for a leadership meeting.
  • An engineering manager turns an incident retrospective into a follow-up deck listing the actions that need approval.

Frequently asked questions

Is the replit-deck skill free to use?

The source does not state a price or licence terms beyond the Apache-2.0 licence listed for the repository. Check the licence file in the source repository for the full terms before using it commercially.

What do I need installed to use replit-deck?

The source lists no required tools, and the skill runs no scripts and uses no network. You need an agent that supports skills, such as Claude with a skills folder or the Claude apps' Skills settings.

Can replit-deck make a PowerPoint or Google Slides file?

No. The skill outputs a single HTML file with horizontal swipe navigation. If you need a .pptx or Google Slides file, you will have to use another tool for that step.

Where do I put the skill folder so my agent can find it?

Unzip it into ~/.claude/skills/ for personal use or into .claude/skills/ inside a project for project use. In the Claude apps, upload the ZIP under Settings, then Capabilities, then Skills.

Why does the agent ask me questions before building the deck?

The skill asks for the audience, decision target, source materials, deadline and must-keep numbers first. Those answers shape the slide plan and reduce the chance of invented figures.

How does replit-deck compare with building slides by hand?

The skill gives you a consistent single-file deck from predefined layouts and themes, so you avoid building each layout yourself. You still need to review the content, figures and slide order, because the skill expects you to confirm them.

New agent skills, repos and AI tools — every week

The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.

Our verdict

Use replit-deck if you regularly turn PRDs, RFCs or retros into decision decks and want a consistent single-file HTML result with no build step. Pick something else if you need an editable PowerPoint or Google Slides file, or if you want a deck produced with no review of its numbers and slide order.

Download the skill