Presentation Design
cbrock84/headcount
Designs slide decks and one-pagers that carry an argument rather than decorate one — deck structure, headlines that state the takeaway, charts that make a single point, and the different rules board…
Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sanqiufong/slides-from-anything replit-deck --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/replit-deck .claude/skills/replit-deck && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .claude/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deckType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sanqiufong/slides-from-anything replit-deck --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/replit-deck .agents/skills/replit-deck && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .agents/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sanqiufong/slides-from-anything replit-deck --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/replit-deck .cursor/skills/replit-deck && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .cursor/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/sanqiufong/slides-from-anything.git --path skills/replit-deck--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sanqiufong/slides-from-anything replit-deck --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/replit-deck .gemini/skills/replit-deck && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .gemini/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install sanqiufong/slides-from-anything replit-deckInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/replit-deck .github/skills/replit-deck && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .github/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sanqiufong/slides-from-anything --skill replit-deck -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sanqiufong/slides-from-anything replit-deck --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/replit-deck .opencode/skills/replit-deck && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "replit-deck" agent skill from https://github.com/sanqiufong/slides-from-anything/tree/main/skills/replit-deck into .opencode/skills/replit-deck/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "replit-deck", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
replit-deckSingle-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.
Replit Deck is an agent skill from sanqiufong/slides-from-anything. Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pitch decks, board reports, brand memos, campaign reveals — when the user explicitly wants "Replit Slides style".
Its SKILL.md is about 2.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files and assets (for example `examples/README.md`, `references/checklist.md` and `references/components.md`).
It sits in Business, Finance & HR, covering Slides and decks, OKRs and executive reporting and Fundraising and pitch decks. The repository describes itself as: Turn anything into slides. The licence is Apache-2.0.
7 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 65da4ac. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
curlnodeFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use curl, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Replit Deck loads about 2.9k tokens when it runs, and up to ~15k if it reads all its reference files. Until then it costs about 111 tokens; SKILL.md has 975 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from sanqiufong/slides-from-anything at commit 65da4ac, republished under its Apache-2.0 licence (© sanqiufong). 975 words, ~2,899 tokens.
.claude/skills/replit-deck/SKILL.md (or your agent's skills folder). This skill also uses 10 other files; get the full folder from GitHub.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.
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)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.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.references/layouts.md → you'll copy <section> blocks from here.references/checklist.md → P0 must pass before emit.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 |
Default 6 slides. Write the rhythm BEFORE any HTML, for example (helix, 6 slides):
01 cover hero + title + subtitle
02 kpi-row-6 6 metrics with ▲/▼ deltas
03 split-insight left stat + right paragraph
04 chapter-plate section divider
05 three-up three parallel columns
06 closing one bold number or CTAShow this to the user. Redirecting at this stage is cheap.
assets/template.html to project root as index.html.<body data-theme="<chosen>">.<title>.For each planned slide, copy the matching <section> from references/layouts.md. Replace every [REPLACE] with specific copy — never leave placeholders, never use lorem. If a slide feels empty, pick a different layout.
Tag each slide with data-screen-label="01 Cover", "02 Metrics", etc., in presentation order.
Run references/checklist.md silently before emit: the P0 theme-lock gate plus the five-dimension 1–5 critique (Philosophy / Hierarchy / Execution / Specificity / Restraint). Any dimension ≤ 3 → re-do before emit.
The P0 theme-lock grep is non-negotiable:
grep -E 'data-theme|style="--' index.html | headIf any style="--accent:..." or theme override appears on individual slides, revert. One theme per deck.
<artifact identifier="deck-<slug>" type="text/html" title="<Deck title>">
<!doctype html>
<html>...</html>
</artifact>One sentence before the artifact. Stop after </artifact>.
data-theme set on <body> — never override per-slide.— or a grey block as an honest placeholder.--font-display token of each theme in assets/template.html — if this list ever disagrees with the template, the template wins.)data-screen-label on every slide.replit-deck vs. peer skills| Skill | Pick when |
|---|---|
simple-deck | Plain, single-theme deck bound to the project's DESIGN.md tokens. When the deck should match the host brand, not assert its own. (designSystemRequired: true.) |
magazine-web-ppt | Editorial "magazine × e-ink" aesthetic (WebGL fluid background, serif titles, chapter plates). When the brief asks for a keynote / launch / sharing-style deck and calls out Monocle / WIRED / Kinfolk / Domus. |
replit-deck | The brief explicitly asks for Replit-Slides gallery aesthetic, or needs one of the 8 token-frozen visual identities (SaaS board, editorial memo, gallery catalog, Y2K campaign, policy report, museum chapter, consumer cards). No dependency on DESIGN.md. |
If the user just says "make me a deck" without further guidance, default to simple-deck — it respects their design system. Pick replit-deck only when the brief is explicit about the aesthetic or names a theme.
references/themes.md → Contributing a new theme for the exact sampling procedure.nexu-io/open-design titled replit-deck: re-sync to replit.com/slides (YYYY-MM-DD) and attach the updated screenshots. There is no designated owner monitoring the upstream.color-mix(), CSS custom properties, text-wrap: balance. All ≥ 93% Baseline.color-mix() (would need a fallback --accent-soft if you want to support older Safari; out of scope for this skill).skills/simple-deck — survives iframe embedding (the daemon preview surface), dual listener races, focus loss, and position persistence across reloads. Do not rewrite it.The skill auto-registers with the daemon on filesystem scan (no manual wiring). Confirmed against a running daemon on localhost:7456 after adding this skill:
$ curl -s localhost:7456/api/skills \
| node -e "const d=JSON.parse(require('fs').readFileSync(0,'utf-8')); \
console.log(JSON.stringify(d.skills.find(s=>s.id==='replit-deck'), null, 2));"
{
"id": "replit-deck",
"name": "replit-deck",
"description": "Single-file horizontal-swipe HTML deck in the style of Replit Slides's\nlanding-page template gallery. Eight distinct themes …",
"triggers": [
"replit deck",
"replit slides",
"replit 风格 ppt",
"replit style deck",
"helix deck",
"holm memo",
"atlas chapter",
"bluehouse",
"bevel campaign"
],
"mode": "deck",
"platform": null,
"scenario": "product",
"previewType": "html",
"designSystemRequired": false,
"defaultFor": [],
"upstream": null,
"featured": null,
"fidelity": null,
"speakerNotes": null,
"animations": null,
"examplePrompt": "Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.",
"hasBody": true
}All four example decks (examples/example-{helix,holm,atlas,bluehouse}.html) open directly in a browser. Keyboard nav (← / → / Space / Home / End) and horizontal scroll-snap work in Chrome 129 and Safari 18.
© sanqiufong, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 10 other files (references, assets) in skills/replit-deck of sanqiufong/slides-from-anything.
Open the folder on GitHubat commit 65da4ac
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in sanqiufong/slides-from-anything, which our catalogue first saw on October 7, 2026.
Replit Deck next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Replit Deck this skillsanqiufong/slides-from-anything | 132 | 1 repos | ~2.9k | Automated safety check: Pass | Apache-2.0 | |
| Presentation Designcbrock84/headcount | 2k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Pitch Deckagentii-ai/agentii-investment-intelligence | 206 | — | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Executive CommunicatorFerroxLabs/wayland | 608 | — | ~5.1k | Automated safety check: Pass | Apache-2.0 | |
| Pitch Deckericrisco/rsc-harness | 156 | — | ~3.4k | Automated safety check: Pass | MIT | |
| Metric Gaslighting Detectormohitagw15856/pm-claude-skills | 1.4k | — | ~1.1k | Automated safety check: Pass | MIT |
cbrock84/headcount
Designs slide decks and one-pagers that carry an argument rather than decorate one — deck structure, headlines that state the takeaway, charts that make a single point, and the different rules board…
agentii-ai/agentii-investment-intelligence
Investment pitch deck, investment committee presentation, buy-side pitch, sell-side pitch, investment thesis slides, executive summary presentation, financial presentation, board deck, investor…
FerroxLabs/wayland
Becomes a senior communications strategist who crafts investor updates, board presentations, strategic summaries, and leadership communications using the pyramid principle and audience-calibrated…
ericrisco/rsc-harness
A skill your agent uses when building or fixing an investor fundraising deck — the narrative arc, the slide-by-slide story, and the few numbers that actually move an investment decision, for a…
mohitagw15856/pm-claude-skills
Find out how a dashboard, KPI report, or metrics slide is lying to you — before you repeat its story in a bigger room.
jiji262/claude-design-skill
Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.
sanqiufong/slides-from-anything
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with…
sanqiufong/slides-from-anything
A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page.
sanqiufong/slides-from-anything
Create refreshable, auditable Open Design artifacts backed by connector or local data.
sanqiufong/slides-from-anything
Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own…
sanqiufong/slides-from-anything
General-purpose desktop web prototype. An agent skill from sanqiufong/slides-from-anything.
sanqiufong/slides-from-anything
Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to…
Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Replit Deck is an agent skill from sanqiufong/slides-from-anything. Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.
Replit Deck fits situations like: explicitly wants Replit Slides style; tasks that involve Slides and decks; tasks that involve OKRs and executive reporting.
Run `npx skills add sanqiufong/slides-from-anything --skill replit-deck -a claude-code`. Or copy the skill folder (skills/replit-deck in sanqiufong/slides-from-anything) into .claude/skills/replit-deck in your project. Claude Code loads it when a task matches its description.
Run `npx skills add sanqiufong/slides-from-anything --skill replit-deck -a codex`. Or copy the skill folder (skills/replit-deck in sanqiufong/slides-from-anything) into .agents/skills/replit-deck in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sanqiufong/slides-from-anything --skill replit-deck -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/replit-deck, .gemini/skills/replit-deck, .github/skills/replit-deck and .opencode/skills/replit-deck in your project.
Going by SKILL.md and its folder, Replit Deck needs the command-line tools its instructions call (curl and node).
SKILL.md contains no URLs. Its commands use curl, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Replit Deck is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.9k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 12k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Replit Deck: Presentation Design (cbrock84/headcount, 2k stars), Pitch Deck (agentii-ai/agentii-investment-intelligence, 206 stars), Executive Communicator (FerroxLabs/wayland, 608 stars) and Pitch Deck (ericrisco/rsc-harness, 156 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
sanqiufong (a GitHub user) maintains it in sanqiufong/slides-from-anything, which has 132 GitHub stars. The repository holds 48 skills in this directory. The repository was last updated on October 6, 2026.
Source: sanqiufong/slides-from-anything on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.