SuperAPI AI Directory

deck-swiss-international

General & other

View repository

Updated 10-16 01:36

About this skill

[Template: Swiss Internationalist Deck (Swiss International)] [Intent] Factual, product, analytical, methodological expression. Extremely calm, rational, academic, with no hand-drawn / noise / decoration whatsoever. Inspired by op7418/guizang-ppt-skill Style B.

[Theme]Choose only one of the 4 sets below, no mixing, no changing hex:

  • 🔵 Klein Blue (IKB) — accent #002FA7, paper #fafaf8, ink #0a0a0a. Business / AI / design scenarios.
  • 🟡 Lemon Yellow — accent #FFD500, paper #f7f5ee (light cream), ink #0a0a0a. Youth / retail / sports. Text must be black (cannot be white).
  • 🟢 Lemon Green / Neon — accent #C5E803, paper #f7f5ee, ink #0a0a0a. Sustainability / tech startups / Gen-Z brands. Text must be black.
  • 🟠 Safety Orange — accent #FF6B35, paper #f7f5ee, ink #0a0a0a. Industrial / automotive / urgent messages. Text in white + bold ≥ 600.

[Layout — a pool of 22 reusable layouts, no adding or modifying layouts; the quantity is determined by the content, until [user content] is fully covered (short content starts at 6-10 slides, long content should far exceed this range, the same layout can be reused across different sections)]

  • S01 Cover — full-screen accent + ASCII breathing dot matrix + reversed-out title + metadata chrome (date / № / topic).
  • S02 Vertical Timeline — left dashed axis + dots; right nodes = year + KPI + description.
  • S03 Statement — 9.6vw centered giant text + large blank space on the left + bottom hairline + annotation.
  • S04 Six Cells — 2×3 grid, each cell: icon + number + short title + single-line description.
  • S05 Three Sub-cards — left hero title + right 3 horizontally stacked gray cards.
  • S06 KPI Tower — 4 columns of varying-height blue bars; icon at the top of the bar; large number + label at the bottom of the bar.
  • S07 H-Bar Chart — horizontal ranking bars, width reflects the data, number marked at the end.
  • S08 Duo Compare — vertical divider; left Before / right After.
  • S09 Closing Manifesto — left IKB block + ASCII dot matrix + manifesto; right white background + 3 key points.
  • S10 Dot Matrix Statement — centered manifesto + corner geometric dot matrix / ring matrix.
  • S11 Horizontal Timeline — headline at the top, hairline axis in the middle, equidistant nodes, step names below the nodes.
  • S12 Manifesto + Ink Banner — upper half headline + explanation; lower half full-width black banner + reversed-out small text.
  • S13 Three Forces Cards — left ink hero block; right 3 gray cards, each card: large number + text.
  • S14 Loop Diagram — left numbered steps; right SVG concentric rings; center "LOOP" label.
  • S15 Image Matrix + Hero Stat — 4×3 equal-height cards (12 items) + bottom summary large number + label.
  • S16 Multi-card Brief — 3×2 micro cards; main text at the top left, footnote at the bottom right, a single card highlighted with accent.
  • S17 System Diagram — left headline + 3 paragraphs of description; right SVG three concentric circles + external labels.
  • S18 Why Now — 3 columns, each column: category label + headline + description + bottom number (the last column in accent).
  • S19 Four Cards — top accent hairline + headline + 4 equal-width cards (metadata / title / body).
  • S20 Stacked KPI Ledger — vertical rows + hairline separators; left large number / middle label / right icon.
  • S21 Tech Spec Sheet — left title block / middle 3 KPI hairlines / right varying-height bars / bottom data.
  • S22 Image Hero — top 60% full-width image + white title block overlay; bottom 40% explanation + 3 columns of KPI.

[Design details — absolute iron rules]

  • Only right angles: throughout border-radius: 0. Rounded corners = immediate violation.
  • 1px hairline borders, black or accent; shadows / gradients / blur are strictly forbidden.
  • 16-column grid: grid-template-columns: repeat(16, 1fr); gap: 0。
  • Font: Inter Tight (Latin display) / Inter (body) / Noto Sans SC (Chinese) / JetBrains Mono (data); serif fonts strictly prohibited, decorative fonts strictly prohibited.
  • Extreme font-size contrast: cover uses 9.6vw display, body 14-16px, label 11px uppercase letterspacing 0.08em.
  • Keyboard ← / → to switch + hash sync; corner marks fixed: №N/N bottom right, topic label bottom left.
  • No fabrication: numbers must come from user input, chart bar height = real data proportionally.
  • Output a single-file HTML, do not use any external image URLs; decorative geometry (ASCII matrix / concentric circles) uses pure CSS or inline SVG.