Frame from Swiss-style HTML deck in Klein blue
PromptPartial
帮我做一份瑞士风 PPT。

Make it yours. Say "瑞士风" (Swiss style) for this look, then pick one of the four themes it offers; "杂志风" gives the magazine theme instead.

Recreation challengeMake your own version and share the prompt.

Found the creator’s prompt? Share its source.

Swiss-style HTML deck in Klein blue

An HTML deck in the International Typographic Style: sans-serif only, a strict grid, square corners, hairlines, and one saturated color, here Klein blue on white. It is the Swiss theme of the creator's guizang-ppt-skill, which has 22 named layouts.

“A 适合讲故事,B 适合讲事实。”

You'll need

  • guizang-ppt-skill (npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill)
  • Your own content
  • Answers to the skill's theme and setup questions
  • Optional: Codex with image generation, for illustrations
How it was made

This phrase starts the skill's Swiss theme. It then asks which of four themes to use (Klein blue, lemon yellow, lemon green, safety orange; no custom hex), the same six setup questions as the magazine theme, and shows an outline before writing code. The creator says to use it in Claude or Codex, and that in Codex it offers matching illustrations from GPT-Image 2.0; which agent made the slides shown isn't stated. The slides are from the creator's own update deck, on harnesses, skills, and the theme's design rules; a collage, a comparison table, and Codex screenshots from the article are left out.

HTML and CSS · guizang-ppt-skill

Source and credit

X · May 11, 2026 · 2.2k likes · 917k views · 83 comments

Authorship not stated by the source

Published instructions: X Article body, the phrase that starts the skill's Swiss theme

guizang-ppt-skill on GitHub

The skill's first post, with the magazine theme

Look notesby Reference

Clean white slides on a fine grid, with very thin, very large sans-serif headlines and one saturated Klein blue for full panels, highlighted words, and bars.

Color
White and very light gray with Klein blue; the theme previews add lemon yellow, lemon green, and safety orange, and one slide is near-black.
Type
Ultra-light sans-serif headlines in Chinese and Latin, some words in blue or italic, and tiny uppercase monospace labels and numbers in the margins.
Framing
Strict left-aligned grids with hairline rules and square corners, half-blue and half-white splits for covers and statements, tall blue bars for comparisons, and lots of empty space.
Structure
What's new (three numbered updates), four theme covers, a full-blue statement (在不确定世界制造确定性), harness and skill slides ("Build a thin harness. Write fat skills. Codify everything.", a loop diagram, judgment against code), a grid of slides with film-look photos, then the theme's rules: one color only, 8:1 type contrast, bigger means thinner, square corners and flat color, a 16-column grid, and a black slide on animated paper backgrounds.

Attempts

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

More like this

9 slides

Magazine-style HTML deck, ink on paper

Partial prompt · HTML and CSS

Slides

Animated web deck about its own skill

Prompt described · HTML and CSS

30 slides

Explaining good UI through examples

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

4 slides

Ten-slide AI lecture from one line

Claude Code

4 slides

Retro pop-art deck like 1950s ads

NotebookLM

4 slides

Swiss-style Japanese business media deck

NotebookLM

3 slides

Frosted-glass bento slides with 3D objects

143 slides

Art, the web, and tiny UX

Lynn Fisher

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

3 slides

Aviation strategy and performance

Slidor

6 slides

Panoramic beverage brand stages

Slidor

11 slides

A typographic deck about embarrassment

kudaranaishiryo

260 slides

High-impact graphic design field notes

UX Y'all

165 slides

Art directing web design

Andy Clarke

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

32 slides

Soap type specimens

Alessandro Segalini

14 slides

Building a browser-based VJ tool

akirafukuoka

Slides

Explainer deck as a tense manga

NotebookLM

11 slides

Editorial deck on companies hurt by AI

Codex

Slides

Circuits deck with cartoon electrons

Genspark