magazine-web-ppt

magazine-web-ppt is a skill for Claude Code, Codex from wolfenazz/YzPzCode. It costs 113 tokens per session (5,027 once invoked), scanned A, a copy of magazine-web-ppt, Apache-2.0.

A single-file HTML presentation that behaves like a horizontal digital magazine with an electronic-paper look. It includes layouts for chapter covers, large data statements, and image grids, with keyboard, wheel, touch, and index navigation.

In plain words
What is it for?
Talks, product launches, demo days, private events, and editorial-style presentations. It is less suited to dense tables, heavy charting, training materials, or collaborative editing.
Why use it?
It lets you present directly from a web page without a separate slide tool. The fixed editorial style also provides a clear direction when you want a presentation with a strong personal visual identity.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/wolfenazz/yzpzcode/guizang-ppt
Any agent
npx skills add wolfenazz/YzPzCode --skill guizang-ppt
Clone the repo
git clone --depth 1 https://github.com/wolfenazz/YzPzCode

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for magazine-web-ppt

README.md
[![agentmods](https://agentmods.dev/badge/skills/wolfenazz/yzpzcode/guizang-ppt.svg)](https://agentmods.dev/skills/wolfenazz/yzpzcode/guizang-ppt)
Your own site
<a href="https://agentmods.dev/skills/wolfenazz/yzpzcode/guizang-ppt"><img src="https://agentmods.dev/badge/skills/wolfenazz/yzpzcode/guizang-ppt.svg" alt="Measured on agentmods" height="20"></a>
Per session 113 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 5,027 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin 97% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00113 $0.05027
Opus 5 $0.00056 $0.02514
Sonnet 5 $0.00023 $0.01005
Haiku 4.5 $0.00011 $0.00503

Measured 6d ago against content hash 0d3608ac4258, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

magazine-web-ppt scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

97% identical to magazine-web-ppt — 1 line differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

app/desgin/design-templates/guizang-ppt/SKILL.md · 314 lines

How it starts

The opening of the file, as written. The whole thing — 314 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Magazine Web Ppt

这个 Skill 做什么

生成一份单文件 HTML的横向翻页 PPT,视觉基调是:

  • 电子杂志 + 电子墨水混血风格
  • WebGL 流体 / 等高线 / 色散背景(hero 页可见)
  • 衬线标题(Noto Serif SC + Playfair Display)+ 非衬线正文(Noto Sans SC + Inter)+ 等宽元数据(IBM Plex Mono)
  • Lucide 线性图标(不用 emoji)
  • 横向左右翻页(键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引)
  • 主题平滑插值:翻到 hero 页时颜色和 shader 柔顺过渡

这个 skill 的美学不是"商务 PPT",也不是"消费互联网 UI"——它像 Monocle 杂志贴上了代码后的样子。

何时使用

合适的场景

  • 线下分享 / 行业内部讲话 / 私享会
  • AI 新产品发布 / demo day
  • 带有强烈个人风格的演讲
  • 需要"一次做完,不用翻页工具"的网页版 slides

不合适的场景

  • 大段表格数据、图表叠加(用常规 PPT)
  • 培训课件(信息密度不够)
  • 需要多人协作编辑(这是静态 HTML)

工作流

Step 0 · 选方向(Direction · 必做的第一步)

在问 6 个澄清问题之前,先让用户在 5 个 magazine 方向里挑一个。每个方向都把"主题色 / 推荐 layout / chrome 风格 / 推荐 slide 数"打包好,挑了方向就回答掉一半澄清问题。

打开 references/styles.md,整段拷过来给用户看 5 个方向的 1-line summary,然后让他选:

1. Monocle Editorial · 国际杂志风 ✦ 默认
2. WIRED Tech · 数据 + 工程
3. Kinfolk Slow · 慢生活 / 人文
4. Domus Architectural · 建筑 / 空间感
5. Lab / Reference · 学术 + 工艺手册

如果用户说"不知道,你推荐"——默认推 Monocle Editorial,因为它失败概率最低。如果用户提到"AI / benchmark / 技术发布"——推 WIRED;"读书 / 私享 / 朋友圈"——推 Kinfolk;"设计 / 建筑 / portfolio"——推 Domus;"研究 / 学术 / 方法论"——推 Lab。

挑完方向后,在项目目录下创建或更新 项目记录.md,第一行写清方向 + 主题色 + 受众 + 时长(模板见 styles.md 末尾)。全程不要换方向——半路换 = 前面全废。

Step 1 · 需求澄清(动手前必做)

如果用户已经给了完整的大纲 + 图片,可以跳过直接进 Step 2。

如果用户只给了主题或一个模糊想法,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高:

6 问澄清清单

第 5 题已在 Step 0 选方向时一并回答(方向→主题色)。下面的 5 题里,第 5 题留白即可。

# 问题 为什么要问
1 受众是谁?分享场景?(行业内部 / 商业发布 / demo day / 私享会) 决定语言风格和深度
2 分享时长? 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页(每个方向的推荐范围见 styles.md)
3 有没有原始素材?(文档 / 数据 / 旧 PPT / 文章链接) 有素材就基于素材,没有就帮他搭
4 有没有图片?放在哪? 详见下方"图片约定"
5 想要哪套主题色? ✓ 已在 Step 0 由方向决定
6 有没有硬约束?(必须包含 XX 数据 / 不能出现 YY) 避免返工
大纲协助(如果用户没有大纲)

用"叙事弧"模板搭骨架,再填内容:

钩子(Hook)       → 1 页   : 抛一个反差 / 问题 / 硬数据让人停下来
定调(Context)    → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个
主体(Core)       → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插
转折(Shift)      → 1 页   : 打破预期 / 提出新观点
收束(Takeaway)   → 1-2 页 : 金句 / 悬念问题 / 行动建议

Read the full file on GitHub · 314 lines

Files

What ships with it

11 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 314 lines · 113 tokens per session scan A 0d3608ac4258

Subscribe to this mod's changes

magazine-web-ppt is a skill published in the GitHub repository wolfenazz/YzPzCode (13 stars, last pushed 2d ago), licensed Apache-2.0. It adds 113 tokens to every session and 5,027 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. It is 97% identical to magazine-web-ppt, differing in 1 line, and is treated as a copy.

Related

Other skills, from other repositories

deck-hermes-cyber

黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag.

nexu-io/html-anything · 34 tokens

infographic-creator

Create beautiful infographics based on given text content. Use when users request to create infographics.

antvis/chart-visualization-skills · 24 tokens

chart-visualization

将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能,通过 curl 工具调用 AntV API 生成图表图片.

antvis/chart-visualization-skills · 68 tokens

alive:demo

Generate a believable, lived-in ALIVE world from a free-text persona description (custom path) or a deterministic sandbox preset. Routes the create/list/activate/deactivate/delete/status surface and orchestrates the 5-stage subagent generation pipeline.

alivecontext/alive · 52 tokens

ppt-orchestrator

统一 PPT / 演示文稿 / 长图 / 周报 调度器。从ppt 出图法 V2 7 步,到 6 种风格字典(商务科技/博物图鉴/手绘科教/真实生活感/城市插画/反套路金句),到输出形式决策(HTML 阅读器 / 真实 .pptx / McKinsey HTML / huashu-design / design-master),下游分发到对应 skill 执行。Triggers:做 PPT / 做个演示 / 演示文稿 / 打包成 HTML / 真实 .pptx / 周报长图 / 卡脖子分析长图 / 幻灯片 / presentation / slides / deck。.

huangrichao2020/pretty-skills · 160 tokens

zhongguose-html-skill

以原稿章法为骨架,中国传统色彩为气韵,直接产出可交互、可迁移的中式 HTML 汇报演示稿。用于需要梳理叙事逻辑、章节框架、页级结构或版式的演示/汇报,且内容涉及中国文化,或视觉希望采用中国色、中国风、中式/东方审美;点名本 Skill、模板或框架导航格式时也触发。只支持 HTML 交付:输出 index.html + assets/ 目录(自包含、字体嵌入、可双击打开)。不生成 PPT/PPTX。 Build a Chinese-style HTML presentation system that maps confirmed source material into faithful reporting logic…

huangrichao2020/pretty-skills · 232 tokens