mcpField
D
deck-magazine-web

deck-magazine-web

github.com/nexu-ioDocuments9.3k40 installsUpdated 2w ago
Repository

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

  1. 01Horizontal-swipe HTML slides
  2. 02Serif cover with WebGL fluid background
  3. 03Section cover pages
  4. 04Large-number data slides and image grids
  5. 05Keyboard navigation with hash sync

Use cases

  1. 01Creating magazine-style horizontal presentations
  2. 02Presenting content with large numbers and image grids
  3. 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-web

After 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