skills.rest
az9713
az9713COMMUNITY
Explore all skills by this author →
GitHub

replit-deck

Generate a single-file HTML Replit Deck seed bound to one of eight predefined themes.

Updated May 2, 2026
Search Tags:#html#presentation#slides#seed#deck#replit
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill replit-deck-az9713
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replit-deck
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/replit-deck
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill replit-deck-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generates a production-ready Replit Deck seed that yields a single-file HTML deck bound to one of eight predefined themes, enabling brand-consistent presentations without external dependencies.

Core Features & Use Cases

  • Single-file seed deck: a complete HTML deck that loads with one of eight themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse).
  • Theme-locked design system: tokens are baked into the template and applied consistently across slides.
  • Use cases include pitch decks, board updates, product briefs, and portfolio showcases that require a compact, portable deck.

Quick Start

Choose a theme, copy the seed's assets/template.html to index.html, and begin editing content per the layouts.

Frequently Asked Questions about replit-deck

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

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

To create a single-file HTML presentation deck, use this Skill to generate a production-ready Replit seed bound to one of eight predefined themes. Copy the seed's template.html to index.html and edit content per the provided layouts.

What HTML presentation themes are available for a Replit deck?▼

Eight predefined HTML presentation themes are available: helix, holm, vance, bevel, world-dark, world-mint, atlas, and bluehouse. Each theme bakes design tokens directly into the template for brand consistency across all slides.

Can I use multiple themes within the same HTML deck?▼

You cannot use multiple themes within the same HTML deck. The seed enforces a one-theme-per-deck rule, locking the design system and applying tokens consistently across all slides to maintain brand consistency.

Do I need external dependencies to build an HTML slide deck?▼

No external dependencies are required to build an HTML slide deck with this approach. The Skill yields a compact, portable single-file HTML deck with the navigation script preserved, requiring no additional frameworks to load or present.

What are the best use cases for a single-file HTML slide deck?▼

The best use cases for a single-file HTML slide deck include pitch decks, board updates, product briefs, and portfolio showcases. These compact, portable formats require no external dependencies and maintain consistent brand design.

Related Skills

Explore More Design & Creative Skills→
nexu-ionexu-io
84.7k

replit-deck

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

Official
Advanced
nexu-ionexu-io
84.7k

simple-deck

Creates portable single-file HTML decks combining seed template and slide layouts.

Official
Intermediate
calvingitcalvingit
2

ckm:slides

Convert strategic communication needs into HTML slide decks with Chart.js and design tokens.

Community
Advanced
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced