Skip to content
Get packs

Replit-Style Slide Deck

Builds a single-file, swipeable slide deck in one of eight Replit-inspired visual themes.

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

When this skill is installed, the agent can turn your notes or content into a single HTML file that presents as a horizontal-swipe slide deck. You pick one of eight built-in colour and font themes (such as helix, holm, world-mint or bluehouse) and the agent keeps the whole deck in that one style, with a cover, an agenda, several content slides and a closing slide. The skill is a set of written layout and design instructions; it does not add any new tools.

Great for

  • Product or startup teams who want a polished deck styled like Replit Slides without hiring a designer
  • Anyone turning a rough outline or document into a quick presentation
  • Users who want a self-contained HTML file they can open in a browser or share

Skip it if

  • Projects needing official Replit branding or exact brand assets, since the skill only imitates a visual style from written rules
  • Formal PowerPoint or Google Slides editing workflows, because the output is a single HTML file rather than an editable .pptx

Try asking

  • “Make a 10-slide product launch deck from this feature list, using the World Mint theme”
  • “Turn my meeting notes into a Replit-style slide deck with a cover, agenda and closing slide”
  • “Create a swipeable HTML presentation in the Helix theme about our Q3 results”
Step-by-step guide: how to use Replit-Style Slide DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    deck-replit.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip deck-replit.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip deck-replit.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the theme you want (for example world-mint or atlas) so the agent does not mix palettes across slides.
  • Give the agent the full content up front; the number of slides depends on how much material you provide.
  • Open the generated HTML in a browser to check swipe navigation and text fit before sharing.

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.