---
name: Deck Simple
slug: deck-simple
category: Frontend
description: Deck Simple creates a clean horizontal-swipe HTML deck for pitches, overviews, or study content. It includes a cover, content pages, closing page, progress bar, and keyboard navigation with hash sync.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-simple"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-simple ~/.claude/skills/deck-simple"
installs_to: ~/.claude/skills/deck-simple
source_path: next/src/lib/templates/skills/deck-simple/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:58.010Z
last_synced: 2026-08-15T06:50:58.010Z
canonical_url: "https://dirskills.com/skills/deck-simple"
---

# Deck Simple

Deck Simple creates a clean horizontal-swipe HTML deck for pitches, overviews, or study content. It includes a cover, content pages, closing page, progress bar, and keyboard navigation with hash sync.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-simple ~/.claude/skills/deck-simple
```

## README

【模板: Simple Deck】
【意图】干净通用的 horizontal-swipe deck (pitch / overview / study)。
【布局】
- Cover + N 个 content 页 + 收尾 (N 由【用户内容】长度决定, 完整覆盖每个要点; 短内容 6-10 起步, 长内容应更多)
- 每页一个核心信息 + 1 张图 / 1 个图表
- 顶部 progress bar
【设计细节】
- 键盘 ← / → 切换 + hash 同步