Skip to main content
ClaudeWave
Skill6.7k repo starsupdated 11d ago

deck-magazine-web

The deck-magazine-web skill creates a horizontal-swipe HTML presentation with a magazine and e-ink aesthetic, featuring a WebGL fluid background on the cover, serif display typography, section dividers, data highlight pages with large numbers, image grids, and quote pages styled like Sunday newspaper layouts. Use this when building editorial-style web presentations or digital magazines that require keyboard navigation and sophisticated typographic treatment.

Install in Claude Code
Copy
git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/deck-magazine-web && cp -r /tmp/deck-magazine-web/next/src/lib/templates/skills/deck-magazine-web ~/.claude/skills/deck-magazine-web
Then start a new Claude Code session; the skill loads automatically.

SKILL.md

【模板: 杂志风网页 PPT (magazine-web-ppt)】
【意图】horizontal-swipe HTML deck, 杂志 × e-ink 调。
【布局】
- Cover (衬线 display + WebGL 流体背景)
- 章节幕封页
- 数据大字报页 (一个巨数字 + 一句解释)
- 图片网格页
- 金句页 (Sunday-paper 风)
【设计细节】
- 字体: Playfair / Noto Serif SC display + Inter / 思源 sans body
- 键盘 ← / → 切换; hash 同步