Deck Swiss International
Turn real product or marketing copy into a Swiss International–style 16:9 deck with a locked grid system and saturated accent palette.
Overview
deck-swiss-international is an agent skill for the Launch phase that converts your content into a Swiss International 16-column deck with 22 locked layouts and one saturated accent.
Install
npx skills add https://github.com/nexu-io/open-design --skill deck-swiss-internationalWhat is this skill?
- 16-column editorial grid with one saturated accent (Klein Blue, Lemon, Mint, or Safety Orange)
- 22 locked slide layouts preserving Swiss International visual signature
- 16:9 horizontal paging with HTML preview entry (index.html, debounced reload)
- Example flows include Cover and KPI Tower layouts with real data—not lorem ipsum
- Open Design deck mode integrates upstream html-anything-style web surface generation
- 16-column grid system
- 4 saturated accent options (Klein Blue, Lemon, Mint, Safety Orange)
Adoption & trust: 681 installs on skills.sh; 61.4k GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have solid narrative and metrics but your launch deck looks generic or breaks when an agent improvises slide layouts.
Who is it for?
Indie founders shipping a product story, roadmap, or KPI update where Swiss editorial style and strict layout locks matter.
Skip if: In-app UI design, dark-pattern sales pages, or teams that need fully custom unconstrained slide art direction outside the four accent presets.
When should I use this skill?
When you need a Swiss International Deck from real content—16-column grid, one accent, 22 locked layouts, no placeholder copy or images.
What do I get? / Deliverables
You get a cohesive 16:9 HTML deck on a fixed Swiss grid with real copy and data slotted into the template’s 22 layouts.
- 16:9 web deck (HTML entry with preview)
- Slides using locked Swiss layouts and chosen accent palette
Recommended Skills
Journey fit
Pitch and route-map decks are primary launch artifacts for distribution—investor updates, product announcements, and partner-facing storytelling—not core app implementation. The skill outputs marketing-oriented slide surfaces (deck mode, marketing scenario) meant to be shared outward rather than in-app UI components.
How it compares
Locked-layout marketing deck template—not a general-purpose chart library or Figma handoff skill.
Common Questions / FAQ
Who is deck-swiss-international for?
Solo and indie builders who need credible launch or marketing slides in Swiss International style without manually enforcing grid and accent rules.
When should I use deck-swiss-international?
During Launch distribution when you are preparing partner decks, product route announcements, or KPI reviews that must follow the template’s 16-column grid and accent system.
Is deck-swiss-international safe to install?
It generates local HTML deck assets; review the Security Audits panel on this page and avoid embedding secrets or unpublished financials in prompts.
SKILL.md
READMESKILL.md - Deck Swiss International
【模板: 瑞士国际主义 Deck (Swiss International)】 【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by op7418/guizang-ppt-skill Style B。 【主题】**只能从下面 4 套二选一, 不许混用、不许改 hex**: - 🔵 **Klein Blue (IKB)** — accent `#002FA7`, paper `#fafaf8`, ink `#0a0a0a`. 商业 / AI / 设计场景。 - 🟡 **Lemon Yellow** — accent `#FFD500`, paper `#f7f5ee` (淡奶油), ink `#0a0a0a`. 年轻 / 零售 / 体育。文字必须用黑色 (不能白色)。 - 🟢 **Lemon Green / Neon** — accent `#C5E803`, paper `#f7f5ee`, ink `#0a0a0a`. 可持续 / 科技初创 / Gen-Z 品牌。文字必须用黑色。 - 🟠 **Safety Orange** — accent `#FF6B35`, paper `#f7f5ee`, ink `#0a0a0a`. 工业 / 汽车 / 紧急消息。文字用白色 + bold ≥ 600。 【布局 — 22 个可复用版式池, 不许新增或改造版式; **数量由内容决定**, 把【用户内容】完整覆盖完为止 (短内容 6-10 张起步, 长内容应远超此范围, 同一版式可在不同章节重复使用)】 - **S01 Cover** — 全屏 accent + ASCII 呼吸点阵 + 反白标题 + 元数据 chrome (date / № / topic)。 - **S02 Vertical Timeline** — 左侧虚线轴 + 圆点; 右侧节点 = 年份 + KPI + 描述。 - **S03 Statement** — 9.6vw 居中巨字 + 左侧大段留白 + 底部 hairline + 注释。 - **S04 Six Cells** — 2×3 网格, 每格: icon + 编号 + 短标题 + 单行描述。 - **S05 Three Sub-cards** — 左侧 hero 标题 + 右侧 3 张水平堆叠的灰色卡。 - **S06 KPI Tower** — 4 列变高蓝色柱状; 柱顶 icon; 柱底大数字 + 标签。 - **S07 H-Bar Chart** — 水平排名横条, 宽度反映数据, 末端标数字。 - **S08 Duo Compare** — 垂直分割线; 左 Before / 右 After。 - **S09 Closing Manifesto** — 左 IKB 块 + ASCII 点阵 + 宣言; 右白底 + 3 条要点。 - **S10 Dot Matrix Statement** — 居中宣言 + 角落几何点矩阵 / 圆环矩阵。 - **S11 Horizontal Timeline** — 顶部 headline, 中部 hairline 轴, 等距节点, 节点下方步骤名。 - **S12 Manifesto + Ink Banner** — 上半 headline + 解释; 下半全宽黑色横幅 + 反白小字。 - **S13 Three Forces Cards** — 左 ink hero 块; 右 3 张灰色卡, 每卡: 大数字 + 文本。 - **S14 Loop Diagram** — 左编号步骤; 右 SVG 同心环; 中心 "LOOP" 标签。 - **S15 Image Matrix + Hero Stat** — 4×3 等高卡片 (12 项) + 底部 summary 大数字 + 标签。 - **S16 Multi-card Brief** — 3×2 微卡; 主文左上, 注脚右下, 单卡 accent 高亮。 - **S17 System Diagram** — 左 headline + 3 段描述; 右 SVG 三同心圆 + 外部标签。 - **S18 Why Now** — 3 列, 每列: category label + headline + 描述 + 底部数字 (最后一列 accent)。 - **S19 Four Cards** — 顶部 accent hairline + headline + 4 张等宽卡 (元数据 / 标题 / 正文)。 - **S20 Stacked KPI Ledger** — 垂直行 + hairline 分隔; 左大数字 / 中标签 / 右 icon。 - **S21 Tech Spec Sheet** — 左标题块 / 中 3 个 KPI hairline / 右变高柱 / 底数据。 - **S22 Image Hero** — 上 60% 全宽图 + 白色标题块覆盖; 下 40% 解释 + 3 列 KPI。 【设计细节 — 绝对铁律】 - **只用直角**: 全程 `border-radius: 0`。圆角 = 立刻违反。 - **1px hairline borders**, 黑色或 accent; 严禁阴影 / 渐变 / blur。 - **16 列网格**: `grid-template-columns: repeat(16, 1fr); gap: 0`。 - **字体**: Inter Tight (Latin display) / Inter (body) / Noto