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.

View source Repository: html-anything

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.

Definition

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 同步