skills.rest
LucasOl1337
LucasOl1337COMMUNITY
Explore all skills by this author →
WebsiteGitHub

replit-deck

Generate themed single-file horizontal decks from a seed HTML template.

Updated Aug 27, 2026
Search Tags:#template#presentation#themes#layouts#deck#open-design#seed-template
One-click install
npx skills add https://github.com/LucasOl1337/simple-ai --skill replit-deck-lucasol1337
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replit-deck
Source: https://github.com/LucasOl1337/simple-ai/tree/main/DesignTemplates/embedded/open-design/skills/replit-deck
Command: npx skills add https://github.com/LucasOl1337/simple-ai --skill replit-deck-lucasol1337

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates the creation of themed, single-file horizontal decks from a seed template, enabling rapid delivery of branded presentations without juggling multiple files or setup steps.

Core Features & Use Cases

  • Seed-driven deck: uses assets/template.html as the seed and applies a single theme via the <body data-theme> token to ensure consistent visuals across slides.
  • Content infrastructure: leverages the included references/ and assets/ directories for theme tokens, layouts, components, and sample decks, plus examples to illustrate ready-made outputs.
  • One-theme-per-deck discipline: enforces a cohesive aesthetic by preventing mixing tokens across themes within a single deck.
  • Quick-start examples: four hand-written example decks demonstrate how each theme renders content for different scenarios.

Quick Start

Copy assets/template.html to index.html, set <body data-theme> to one of the eight themes, and paste layout blocks from references/layouts.md to build the deck.

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 presentation deck from an HTML template?▼

You can generate a themed deck by setting the `<body data-theme>` token in the seed template to one of eight predefined themes, which ensures consistent visuals across all slides in a single file.

Can I mix different presentation themes within the same deck?▼

You cannot mix presentation themes within the same deck. The template enforces a single-theme-per-deck discipline by applying one theme token to the body element, preventing mixed tokens and ensuring a cohesive aesthetic across all slides.

What is the best way to rapidly build a branded portfolio or pitch deck?▼

Using a seed-driven HTML template with pre-built layout blocks allows you to rapidly assemble themed portfolios and pitch decks from a single file without manual styling setup.

Does this deck generation template provide example layouts for different scenarios?▼

Yes, the template includes four hand-written example decks and a references directory containing layout blocks, components, and sample decks to illustrate ready-made outputs for different scenarios.

What are the limitations of using a single-file HTML deck for presentations?▼

A limitation of this approach is that you are restricted to one theme per deck and must manually paste layout blocks from the references directory to assemble slides.

Related Skills

Explore More Design & Creative Skills→
dbmccodbmcco
20

keynote-slides

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

Community
Advanced
hiyeshuhiyeshu
205

codeck-export

Export HTML presentation decks to PDF and PPTX with automated quality checks.

Community
Advanced
civictechdccivictechdc
1

tailwind-design-system

Create scalable Tailwind CSS v4 design systems with @theme tokens and CVA components.

Official
Advanced
linhlvitlinhlvit

slide-deck-builder

Generate self-contained interactive HTML slide decks with a dark theme.

Community
Intermediate