Frame from Magazine-style HTML deck, ink on paper
PromptPartial
帮我做一份杂志风 PPT

Make it yours. 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.

Recreation challengeMake your own version and share the prompt.

Found the creator’s prompt? Share its source.

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.

“这个 Skill 就是我这十年审美的一个压缩包。”

You'll need

  • 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
How it was made

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.

HTML and CSS · WebGL · guizang-ppt-skill

Source and credit

X · Apr 24, 2026 · 3.7k likes · 1.6M views · 126 comments

Authorship not stated by the source

Published instructions: X Article body, the phrase that starts the skill

guizang-ppt-skill on GitHub

The skill's Swiss-style update

Look notesby Reference

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.

Attempts

No attempts yet. Be the first: recreate this reference and send your result with the prompt that made it.

More like this

18 slides

Swiss-style HTML deck in Klein blue

Partial prompt · HTML and CSS

Slides

Animated web deck about its own skill

Prompt described · HTML and CSS

Slides

Yellow fashion-magazine deck

NotebookLM

6 slides

Creative skills report, reimagined

Alejandro Rivers

41 slides

A typeface from concept to construction

Alessandro Segalini

50 slides

Painterly brand portfolio

mento _official

11 slides

A typographic deck about embarrassment

kudaranaishiryo

165 slides

Art directing web design

Andy Clarke

32 slides

Soap type specimens

Alessandro Segalini

30 slides

Explaining good UI through examples

原 佑一|クリエイティブディレクター

4 slides

Ten-slide AI lecture from one line

Claude Code

11 slides

Editorial deck on companies hurt by AI

Codex

4 slides

Retro pop-art deck like 1950s ads

NotebookLM

3 slides

Frosted-glass bento slides with 3D objects

143 slides

Art, the web, and tiny UX

Lynn Fisher

3 slides

Aviation strategy and performance

Slidor

6 slides

Panoramic beverage brand stages

Slidor

260 slides

High-impact graphic design field notes

UX Y'all

10 slides

Geometric design workshop deck

Slide Templates

7 slides

Kinder Délice product launch deck

Rekarda

5 slides

Colorful bilingual food brand deck

Rekarda

5 slides

Color-led executive strategy deck

Rekarda

116 slides

Geometric binary packaging deck

Irina Shestak

10 slides

Prismatic agency introduction

Slide Templates

25 slides

Fragrance through scale and collage

Slidor

9 slides

Lime and grid technology keynote

Slidor

6 slides

Panoramic automotive technology deck

Slidor

14 slides

Building a browser-based VJ tool

akirafukuoka

Slides

Explainer deck as a tense manga

NotebookLM

Slides

Circuits deck with cartoon electrons

Genspark