About deck-magazine-web
A skill for horizontal-swipe HTML presentations with magazine and e-ink styling. It offers section covers, prominent data-number slides, image grids, and quote pages, with keyboard navigation and URL hash synchronization.
Key features
- 01Horizontal-swipe HTML slides
- 02Serif cover with WebGL fluid background
- 03Section cover pages
- 04Large-number data slides and image grids
- 05Keyboard navigation with hash sync
Use cases
- 01Creating magazine-style horizontal presentations
- 02Presenting content with large numbers and image grids
- 03Navigating by keyboard and sharing the current slide URL
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill deck-magazine-webAfter installing, type/deck-magazine-webin Claude Code to confirm it loaded.
Bundled filesexample.html
Details
From the project README【模板: 杂志风网页 PPT (magazine-web-ppt)】 【意图】horizontal-swipe HTML deck, 杂志 × e-ink 调。 【布局】
- Cover (衬线 display + WebGL 流体背景)
- 章节幕封页
- 数据大字报页 (一个巨数字 + 一句解释)
- 图片网格页
- 金句页 (Sunday-paper 风) 【设计细节】
- 字体: Playfair / Noto Serif SC display + Inter / 思源 sans body
- 键盘 ← / → 切换; hash 同步
Comments
Markdown supported