skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

replit-deck

Generate a single-file HTML horizontal deck using eight Replit Slides themes.

84.7k|9.9k|Updated Apr 28, 2026
Search Tags:#workflow#layout#presentation#theme#slides#deck
One-click install
npx skills add https://github.com/nexu-io/open-design --skill replit-deck-nexu-io
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replit-deck
Source: https://github.com/nexu-io/open-design/tree/main/skills/replit-deck
Command: npx skills add https://github.com/nexu-io/open-design --skill replit-deck-nexu-io

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Replit-deck provides a self-contained, single-file HTML deck that mirrors the Replit Slides gallery aesthetics with a fixed theme, enabling fast, consistent deck production without multiple assets or manual styling.

Core Features & Use Cases

  • One-file deck philosophy: produce a complete horizontal deck in HTML with inline styling and deterministic behavior.
  • Eight frozen themes: lock to one of eight Replit-Slides themes via body data-theme to keep typography and color tokens consistent.
  • Guided workflow: follow a structured process (pre-flight, theme commit, seed copy, paste layouts, self-check, emit) to reliably generate publish-ready decks.
  • Versatile usage: ideal for product briefs, board updates, pitch decks, and narrative showcases using ready-made templates and references.
  • Resource map: seeds and references are organized under assets/ and references/ for on-demand guidance.

Quick Start

Copy assets/template.html to index.html, set body data-theme to the desired theme, paste layouts from references/layouts.md, run the self-check, then emit the artifact.

Frequently Asked Questions about replit-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a single-file HTML presentation deck?▼

To generate a single-file HTML presentation deck, use a guided workflow that copies a template seed, locks a theme via body data-theme, pastes layouts from references, and emits a self-contained artifact with inline styling.

How many themes are available for locking presentation slides?▼

There are eight frozen themes available for locking presentation slides. You commit to one theme via body data-theme to keep typography and color tokens consistent across the entire single-file deck.

What is the best way to build a product pitch deck without manual styling?▼

The best way to build a product pitch deck without manual styling is using a deterministic workflow that binds a seed template to fixed layout references, producing ready-to-share horizontal slides with consistent aesthetics.

Do I need external CSS files to create a Replit Slides style presentation?▼

You do not need external CSS files to create a Replit Slides style presentation. The generation process produces a self-contained HTML file with inline styling, relying only on internal assets and references.

Can I use this deck generation workflow for board reports and marketing pitches?▼

You can use this deck generation workflow for board reports and marketing pitches. The structured process of pre-flight reads, theme commitment, and layout binding reliably produces publish-ready horizontal decks for various showcases.

Related Skills

Explore More Design & Creative Skills→
pipixia-labspipixia-labs
38

simple-deck

Generate a single-file horizontal-swipe HTML deck from a seed template.

Official
Intermediate
rbah31rbah31
5

frontend-slides

Convert PowerPoint decks into self-contained HTML slides with inlined CSS and JS.

Community
Intermediate
mikersaysmikersays

deck

Convert a topic into a self-contained HTML slide deck with dark theme and keyboard navigation.

Community
Basic
PerryHighCSPerryHighCS

slidedeck

Generate Reveal.js HTML presentations with customizable styles and PowerPoint conversion.

Official
Advanced