메뉴
16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Generates an "editorial magazine × electronic ink" style horizontal-swipe web deck (a single HTML file), with a WebGL fluid background, serif headlines + sans-serif body, act dividers, big-number data pages, image grids, and more templates. Use when the user wants to make a talk / share / launch-style web deck, or mentions "magazine-style PPT", "horizontal swipe deck", "editorial magazine", or "e-ink presentation".
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.
Create animation-rich, zero-dependency HTML presentations on a fixed 1920×1080 stage that scales to any viewport. Distinctive typography, committed palettes, choreographed reveals — no generic AI-slop aesthetics.
Creative Voltage decks: retro-modern electric blue × deep navy split panels, neon yellow badges, halftone dot textures, and script flourishes on a fixed 1920×1080 stage that scales to any viewport. Syne + Space Mono + Yellowtail. Single-file, zero-dependency HTML.
Editorial Forest — a quiet, literary HTML deck theme: deep forest green #2e4a2a, dusty pink #e89cb1, and warm cream #efe7d4 paper set in Source Serif 4 with JetBrains Mono kickers. Mixed light/dark scheme, 8-slide quarterly-review rhythm, fixed 1920×1080 stage scaled to any viewport.
| name | deck-swiss-international |
| zh_name | 瑞士国际主义 Deck |
| en_name | Swiss International Deck |
| emoji | 🟦 |
| description | 16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange). |
| zh_description | 16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange) |
| en_description | 16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange). |
| category | slides |
| scenario | marketing |
| aspect_hint | 16:9 横向翻页 |
| featured | 1 |
| recommended | 1 |
| tags | ["swiss","grid","international","ikb","editorial","facts"] |
| example_id | sample-swiss-international |
| example_name | Swiss International · 产品路线 |
| example_format | markdown |
| example_tagline | Klein Blue IKB + 16 列网格 |
| example_desc | 10 页完整示例: S01 Cover / S06 KPI Tower / S03 Statement / S19 Four Cards / S04 Six Cells / S11 Timeline / S08 Duo Compare / S14 Loop / S18 Why Now / S09 Closing, 全程 IKB 单 accent |
| example_source_url | https://github.com/op7418/guizang-ppt-skill |
| example_source_label | op7418/guizang-ppt-skill |
| od | {"mode":"deck","surface":"web","scenario":"marketing","featured":0.001,"upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Swiss International Deck template to turn my content into a 16-column-grid deck with one saturated accent and 22 locked layouts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「瑞士国际主义 Deck」模板把我的内容做成一套「16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"}} |
【模板: 瑞士国际主义 Deck (Swiss International)】 【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by op7418/guizang-ppt-skill Style B。
【主题】只能从下面 4 套二选一, 不许混用、不许改 hex:
#002FA7, paper #fafaf8, ink #0a0a0a. 商业 / AI / 设计场景。#FFD500, paper #f7f5ee (淡奶油), ink #0a0a0a. 年轻 / 零售 / 体育。文字必须用黑色 (不能白色)。#C5E803, paper #f7f5ee, ink #0a0a0a. 可持续 / 科技初创 / Gen-Z 品牌。文字必须用黑色。#FF6B35, paper #f7f5ee, ink #0a0a0a. 工业 / 汽车 / 紧急消息。文字用白色 + bold ≥ 600。【布局 — 22 个可复用版式池, 不许新增或改造版式; 数量由内容决定, 把【用户内容】完整覆盖完为止 (短内容 6-10 张起步, 长内容应远超此范围, 同一版式可在不同章节重复使用)】
【设计细节 — 绝对铁律】
border-radius: 0。圆角 = 立刻违反。grid-template-columns: repeat(16, 1fr); gap: 0。№N/N 右下, topic 标签左下。