skills.rest
PiercingXX
PiercingXXCOMMUNITY
Explore all skills by this author →
GitHub

replit-deck

Generate single-file horizontal-swipe HTML decks with Replit Slides themes.

1|Updated Jul 9, 2026
Search Tags:#presentation design#theme tokens#ui layout#html deck#replit slides#horizontal swipe
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill replit-deck-piercingxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replit-deck
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/replit-deck
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill replit-deck-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you quickly create a polished, single-file, horizontal-swipe HTML presentation that matches the Replit Slides landing-gallery aesthetic, so you can present ideas without wrestling layout styling.

Core Features & Use Cases

  • One-theme, token-frozen decks: Produces a deck using exactly one of eight Replit Slides-inspired themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) without mixing tokens.
  • Single-file horizontal-swipe output: Emits an index.html-style artifact that works with scroll-snap and a robust iframe-safe navigation script (keyboard + swipe).
  • Theme-specific slide assembly: Uses curated slide layouts and components (cover, KPI rows, memo statement, chapter plates, finance grids, gallery plates, campaign covers, and consumer card rows) with guardrails like theme lock-in, accent restraint, and “no invented metrics.”

Quick Start

Ask for: "Make me a Replit Slides style deck about [topic] using the [theme] theme with [slide_count] slides."

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 horizontal-swipe HTML presentation deck?▼

A horizontal-swipe HTML deck is a single-file presentation artifact using scroll-snap and an iframe-safe navigation script for keyboard and swipe controls. It produces a ready-to-embed index.html file that works without external dependencies.

What is a Replit Slides-style HTML deck?▼

A Replit Slides-style HTML deck is a single-file presentation matching the Replit Slides landing-gallery aesthetic. It applies curated slide layouts like KPI rows, memo statements, chapter plates, and gallery plates for product, finance, or narrative scenarios.

Can I use multiple presentation themes in one HTML deck?▼

You cannot mix multiple presentation themes in one HTML deck. The system enforces one-theme token consistency via the body data-theme attribute, applying guardrails like theme lock-in and accent restraint to prevent token mixing across slides.

How do I create a token-frozen presentation for a specific scenario?▼

To create a token-frozen presentation, request a specific theme like helix, holm, vance, or atlas for your scenario. The output enforces one-theme token consistency without inventing metrics, using a preflight checklist to verify resources.

Does the generated HTML deck support keyboard navigation?▼

The generated HTML deck supports keyboard navigation and swipe gestures through a robust iframe-safe navigation script. It preserves the seed iframe navigation script to ensure controls function correctly when the presentation is embedded.

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

A limitation of the single-file HTML deck format is the strict one-theme lock-in that prevents mixing design tokens. Additionally, a preflight checklist enforces no invented metrics, meaning you must provide accurate data for KPI rows and finance grids.

Related Skills

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

replit-deck

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

Official
Advanced
dbmccodbmcco
20

keynote-slides

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

Community
Advanced
deichworxdeichworx

pptx

Convert HTML templates into PowerPoint slides with Python tooling.

Community
Advanced
zizhenchen47-osszizhenchen47-oss

theme-factory

Apply professional visual themes to slides, documents, reports, and HTML landing pages.

Community
Intermediate