skills.rest
pipixia-labs
pipixia-labsOFFICIAL
Explore all skills by this author →
GitHub

replit-deck

Generate a one-file horizontal HTML deck from Replit Slides tokens across eight themes.

38|3|Updated Apr 8, 2026
Search Tags:#template#html#presentation#theme#slides#deck
One-click install
npx skills add https://github.com/pipixia-labs/creative-claw --skill replit-deck-pipixia-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replit-deck
Source: https://github.com/pipixia-labs/creative-claw/tree/main/skills/design-knowledge-and-skills/skills/replit-deck
Command: npx skills add https://github.com/pipixia-labs/creative-claw --skill replit-deck-pipixia-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a single-file, horizontally-scrolling deck built on tokenized themes from Replit Slides. It bundles eight distinct visual systems (themes) and a seed infrastructure (assets, references) to speed up deck production while preserving brand consistency.

Core Features & Use Cases

  • One-file deck: A single HTML file drives slide surfaces with a single, fixed theme per deck.
  • Eight themes: helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse — each theme yields a complete visual system.
  • Seed resources: includes seed template, layouts, components, and reference docs to accelerate deck creation.
  • Workflow-driven: includes a pre-flight, theme-binding, layout-pasting, and emission steps to maintain quality.

Quick Start

Copy assets/template.html to index.html, set the body's data-theme attribute to your chosen theme, and paste layouts from references/layouts.md to build your 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 HTML presentation deck?▼

To create a single-file HTML presentation deck, copy the seed template HTML file, set the body data-theme attribute to your chosen theme, and paste layouts from the reference markdown file to build your slides.

What are the available themes for HTML slide decks?▼

Available HTML slide deck themes include helix, holm, vance, bevel, world-dark, world-mint, atlas, and bluehouse. Each theme enforces a complete visual system with fixed typography and layout across all slides.

Can I use multiple themes in one HTML presentation?▼

You cannot use multiple themes in one HTML presentation. The deck configuration enforces a single fixed theme per deck to maintain visual consistency across all slide surfaces.

What is the best way to build a product demo deck using HTML?▼

The best way to build a product demo deck using HTML is applying a tokenized theme system. This approach provides pre-built seed templates and layout references to speed up deck production while preserving brand consistency.

Do I need any external dependencies to generate these HTML slides?▼

You do not need any external dependencies to generate these HTML slides. The deck generation process relies solely on a seed template file, a layouts reference document, and an MD frontmatter configuration.

Related Skills

Explore More Design & Creative Skills→
sawzhangsawzhang
3

web-artifacts-builder

Bundle React, Tailwind CSS, and shadcn/ui frontend projects into a single self-contained HTML file for Claude conversations.

Community
Advanced
0dot770dot77

lecture-export

Convert HTML lecture slides into a single high-resolution PDF via Playwright.

Community
Advanced
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced
thechrickenrun-cyberthechrickenrun-cyber

theme-factory

Apply professional visual themes to presentation decks and HTML landing pages.

Community
Intermediate