---
name: Course Module Deck
slug: course-module-deck
category: Frontend
description: Course Module Deck generates an HTML course or training deck with a warm paper background, Playfair serif typography, persistent learning objectives on the left, concept pages, MCQ self-test pages, and a wrap-up with next module preview.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-course-module"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-course-module ~/.claude/skills/deck-course-module"
installs_to: ~/.claude/skills/deck-course-module
source_path: next/src/lib/templates/skills/deck-course-module/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:54.372Z
last_synced: 2026-08-15T06:50:54.372Z
canonical_url: "https://dirskills.com/skills/course-module-deck"
---

# Course Module Deck

Course Module Deck generates an HTML course or training deck with a warm paper background, Playfair serif typography, persistent learning objectives on the left, concept pages, MCQ self-test pages, and a wrap-up with next module preview.

**Install:**

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

## README

【模板: 课程 / 培训模块 Deck】
【意图】教学 / workshop 用 deck, 持续显示学习目标。
【布局】
- Cover (模块名 + 讲师)
- Learning objectives 列表 (左侧持续显示)
- 正文页 (concept + 例子)
- MCQ 自测页
- Wrap-up + 下一模块预告
【设计细节】
- warm paper bg + Playfair serif