关于 deck-magazine-web
一种制作杂志风、横向滑动 HTML 演示文稿的技能,结合杂志排版与电子墨水屏风格。页面类型包括章节封面、数据大字页、图片网格和引言页,并支持键盘切换与地址栏 hash 同步。
主要功能
- 01横向滑动 HTML 页面
- 02衬线封面与 WebGL 流体背景
- 03章节幕封页
- 04大数字数据页与图片网格
- 05键盘切换并同步 hash
适用场景
- 01制作杂志风横向演示文稿
- 02以大数字和图片网格呈现内容
- 03通过键盘浏览并分享当前页面链接
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill deck-magazine-web安装后在 Claude Code 中输入/deck-magazine-web确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: 杂志风网页 PPT (magazine-web-ppt)】 【意图】horizontal-swipe HTML deck, 杂志 × e-ink 调。 【布局】
- Cover (衬线 display + WebGL 流体背景)
- 章节幕封页
- 数据大字报页 (一个巨数字 + 一句解释)
- 图片网格页
- 金句页 (Sunday-paper 风) 【设计细节】
- 字体: Playfair / Noto Serif SC display + Inter / 思源 sans body
- 键盘 ← / → 切换; hash 同步
评论
支持 Markdown