A recipe for making a self-contained HTML slide deck with horizontal swiping and one of eight fixed Replit-inspired visual themes.

Use it for pitch decks, product presentations, reports, or other browser-based slides that need a consistent Replit-style look.

It gives you ready-made visual rules and slide structures, so you do not have to design the deck’s appearance and navigation from scratch.

replit-deck — Skill for Claude Code and Codex by wolfenazz/YzPzCode

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add wolfenazz/YzPzCode --skill replit-deck

Clone the repo

git clone --depth 1 https://github.com/wolfenazz/YzPzCode

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/wolfenazz/yzpzcode/replit-deck/github.svg)](https://agentmods.dev/skills/wolfenazz/yzpzcode/replit-deck)

Your own site

<a href="https://agentmods.dev/skills/wolfenazz/yzpzcode/replit-deck"><img src="https://agentmods.dev/badge/skills/wolfenazz/yzpzcode/replit-deck/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/wolfenazz/yzpzcode/replit-deck"><img src="https://agentmods.dev/badge/skills/wolfenazz/yzpzcode/replit-deck.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 112 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 2,965 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.

Origin 100% copy Near-identical to another mod in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00112	$0.02965
Opus 5.5	$0.00045	$0.01186
Sonnet 5.5	$0.00022	$0.00593
Haiku 4.5	$0.00011	$0.00297

Measured 1mo ago against content hash 66724cbf306d, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

replit-deck scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

$ curl -s localhost:7456/api/skills \

Origin

This is a copy

100% identical to replit-deck — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

app/desgin/design-templates/replit-deck/SKILL.md · 234 lines

How it starts

The opening of the file, as written. The whole thing — 234 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Replit Deck Skill

Produce a single-file horizontal-swipe HTML deck in one of eight Replit-Slides themes. Every theme is a complete visual system — do not mix tokens across themes.

Resource map

replit-deck/
├── SKILL.md                ← you're reading this
├── assets/
│   └── template.html       ← seed: 8 themes via [data-theme=*], proven iframe-nav script (READ FIRST)
├── references/
│   ├── themes.md           ← 8 themes: when-to-pick / do / don't / primary layouts
│   ├── layouts.md          ← 10 paste-ready slide layouts, cross-theme
│   ├── components.md       ← shared primitives (eyebrow, kpi-row, image-grid, meta-bar)
│   └── checklist.md        ← P0/P1/P2 self-review + theme lock-in gate
└── examples/               ← four reference decks across the most contrasting themes
    ├── example-helix.html       (SaaS board update · light minimal)
    ├── example-holm.html        (legal fintech memo · cream editorial serif)
    ├── example-atlas.html       (quarterly history chapter · black + vermilion)
    └── example-bluehouse.html   (real estate ROI · navy + gradient cards)

Workflow

Step 0 — Pre-flight (mandatory reads)

Read assets/template.html end-to-end. The [data-theme] blocks carry the tokens; the <script> at the bottom solves five iframe nav bugs — do not rewrite it.
Read references/themes.md → pick one theme that matches the user's brief. If the user already picked a theme via od.inputs.theme, use that.
Read references/layouts.md → you'll copy <section> blocks from here.
Read references/checklist.md → P0 must pass before emit.

Step 1 — Commit to one theme

Write out loud (in the TodoWrite or plan section) which theme and why. Once picked, every slide uses that theme's tokens only. No swapping mid-deck. The <body data-theme="helix"> attribute is the single source of truth.

Theme	Pick when
`helix`	SaaS board update, product metrics, neutral modern
`holm`	Legal memo, investor pre-read, serious / institutional
`vance`	Art portfolio, design catalog, photographer / sculptor
`bevel`	Fashion campaign, lookbook, Y2K / editorial attitude
`world-dark`	Policy report, finance analysis, premium dark
`world-mint`	Lighter companion of world-dark — ESG, wellness finance, sustainability
`atlas`	Long-form narrative, chapter deck, museum / archive aesthetic
`bluehouse`	Consumer product, real estate, lifestyle, colorful cards

Read the full file on GitHub · 234 lines

Files

What ships with it

10 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

1mo ago First seen · 234 lines · 112 tokens per session scan A 66724cbf306d

Subscribe to this mod's changes

replit-deck is a skill published in the GitHub repository wolfenazz/YzPzCode (20 stars, last pushed yesterday), licensed Apache-2.0. It adds 112 tokens to every session and 2,965 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). It is 100% identical to replit-deck, differing in 0 lines, and is treated as a copy.

Creative and media Design and UX ai ai-agent ai-tools cli helpful-tool terminal

deck-hermes-cyber

A visual template for presentation slides about command-line tools, coding agents, or developer products. It uses a dark terminal-inspired style with scan lines, a command prompt, large mint text, charts, and colored status labels.

nexu-io/html-anything · 34 tokens

antv-x6-editor

A skill for creating and troubleshooting interactive diagrams with AntV X6, a JavaScript engine for editors made of connected nodes and lines. It supports diagram types such as flowcharts, dependency graphs, entity-relationship diagrams, and organization charts.

antvis/chart-visualization-skills · 253 tokens

replit-deck