# Magazine-style HTML deck, ink on paper

> An HTML deck styled like a print magazine crossed with e-ink: ink-black and paper-white pages, large serif headlines, small monospace folios. Made with the creator's guizang-ppt-skill, which asks six questions and proposes an outline before writing code.

- Kind: Slides
- Page: https://meetreference.com/v/magazine-style-html-deck-ink-paper/
- Ready-to-use agent handoff: https://meetreference.com/v/magazine-style-html-deck-ink-paper/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/magazine-style-html-deck-ink-paper/prompt.txt
- Authorship: Not stated
- Made with: Not stated
- Model: not stated
- Built with: HTML and CSS, WebGL
- Skills or plugins: guizang-ppt-skill
- Style: Decks; magazine, editorial, e-ink, serif, html deck, minimal, chinese
- Slides: 9
- Shared by @op7418 in X, Apr 24, 2026: https://x.com/op7418/status/2047486546300051478
- Prompt fidelity: Partial. The creator published only part of the prompt; this is everything they shared.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

Requirements reported by the source: guizang-ppt-skill (npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill); Your own talk content and images; Answers to the skill's six setup questions.

## Recreating this deck

These are the creator's published instructions, unedited.

To adapt it: Say "杂志风" (magazine style) for this look; the same skill's "瑞士风" gives a Swiss style instead. Your content and your answers to its questions decide the rest.

## Prompt

```text
帮我做一份杂志风 PPT
```

## What it looks like

Written by Reference from the recording frames, not by the creator.

Pages like a printed magazine on screen: big serif headlines on warm paper white or ink black, with tiny monospace folios in the corners.

- Color: Warm paper white, ink black, and dark brown-black, with theme swatches in navy, forest green, kraft, and sand; one slide shows six bright test colors.
- Type: Large Chinese and Latin serif headlines, a sans-serif for body text, and small spaced monospace labels for section names and page numbers.
- Framing: Wide margins and left-aligned headlines, dense pages next to sparse ones, and three-column or side-by-side layouts with thin rules. Three of the images are grids of several slides.
- Structure: A grid of four talk slides (47% of commits are fixes, the Claude Code source leak), the 电子杂志 × 电子墨水 concept slide, two grids of six slides in different themes, then slides on paging like a real magazine, the three type roles, paper white and ink with one accent, grid and rhythm, and a black closing slide calling the skill a compressed package of ten years of taste.

Storyboard of the slides: https://meetreference.com/media/magazine-style-html-deck-ink-paper/storyboard.webp

- Slide 1: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f1.webp
- Slide 2: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f2.webp
- Slide 3: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f3.webp
- Slide 4: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f4.webp
- Slide 5: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f5.webp
- Slide 6: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f6.webp
- Slide 7: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f7.webp
- Slide 8: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f8.webp
- Slide 9: https://meetreference.com/media/magazine-style-html-deck-ink-paper/f9.webp

## How it was made, per the creator

- One-shot: no
- Notes: This is the phrase that starts the skill. Claude then asks six questions (audience and setting, length, source material, images, which of five themes, hard constraints) and shows an outline and theme rhythm before writing code. The result is one HTML file that pages with arrow keys, wheel, or swipe, with an ESC thumbnail index and a WebGL fluid behind the cover. The slides shown grew out of the creator's talk at a private session hosted by 李继刚; some illustrate the skill's own design rules. Some images in the post show several slides at once.

> 这个 Skill 就是我这十年审美的一个压缩包。
> (@op7418)

## Links

- Watch: https://x.com/op7418/status/2047486546300051478
- Original post: https://x.com/op7418/status/2047486546300051478
- guizang-ppt-skill on GitHub: https://github.com/op7418/guizang-ppt-skill
- The skill's Swiss-style update: https://x.com/op7418/status/2053657613460771142