Design & Motion · nexu-io/html-anything

deck-swiss-international

Name: deck-swiss-international
Author: nexu-io/html-anything

16-column grid + single saturated accent + 22 locked layouts (Klein Blue / Lemon / Mint / Safety Orange)

L3 Networked · Declare domain & key scopeV1 Commit-PinnedNetwork AccessDual-pass Audit

Author nexu-ioGitHub nexu-io/html-anything ↗Stars 8827License Apache-2.0（工作副本根目录 LICENSE 文件 = Apache License Version 2.0；GitHub API spdx_id=Apache-2.0。注意：skill 目录本身不含独立 LICENSE，许可来自仓库根；第三方来源模板在 README 另有署名说明）Commit 553ed98c28

Control levels describe skill capabilities and suggested control measures; they do not represent quality or safety certifications, nor do they dictate usability. Usage decisions rest entirely with users and administrators. Different agent hosts apply varying constraints; do not assume hosts provide automatic protection. Third-party skill copyrights belong to their original authors. Use at your own risk.

1How It Works & Mechanism

This skill serves as a "template pack" for html-anything: frontmatter provides metadata for selectors, while the main body of SKILL.md (after frontmatter) is read verbatim by loader and passed as model instructions.

next/src/lib/templates/loader.ts

const { fm, body } = parseFrontmatter(raw);

The template body contains 49 lines / 4,865 bytes (the heaviest template in this batch: 4 themes + 22 layouts + ironclad rules); frontmatter is parsed into fm/body via parseFrontmatter, with no scripts involved in the directory.

The prompt actually sent to the model consists of shared design instructions + this template body + [Input Format] + [User Content]; the shared instructions also include an override rule stating that the page/layout numbers in the template are not caps.

next/src/lib/templates/shared.ts

return `${SHARED_DESIGN_DIRECTIVES} ${opts.body.trim()}

The override rule immediately following in the same file literally states: the template only defines "available layouts / style / color palette / fonts / component library", and **does not define** the number of slides / frames / cards / sections.

Output discipline is strictly enforced by shared instructions: the agent is prohibited from using any file system tools, and HTML must be streamed as text via stdout and saved to disk by the frontend.

next/src/lib/templates/shared.ts

- **禁止使用 Write / Edit / MultiEdit / Bash / Create / 任何文件系统工具**。不要把 HTML 写到任何

This template itself does not declare a disk-saving method, relying entirely on this shared constraint.

Style is locked via "select one of 4 themes": Klein Blue (IKB) / Lemon Yellow / Lemon Green / Safety Orange, each providing accent+paper+ink tri-colors, with mixing or modifying hex strictly forbidden.

next/src/lib/templates/skills/deck-swiss-international/SKILL.md

- 🔵 **Klein Blue (IKB)** — accent `#002FA7`, paper `#fafaf8`, ink `#0a0a0a`. 商业 / AI / 设计场景。

The text also stipulates that Lemon-series theme text must be black, and Safety Orange text must be white with bold ≥ 600—baking readability directly into theme constraints.

22 locked layouts (S01 Cover … S22 Image Hero) form a reusable layout pool: full-screen accent covers, KPI Tower tall pillars, Duo Compare before/after comparisons, etc.

next/src/lib/templates/skills/deck-swiss-international/SKILL.md

- **S06 KPI Tower** — 4 列变高蓝色柱状; 柱顶 icon; 柱底大数字 + 标签。

The text states "quantity is determined by content": starting at 6-10 slides for short content and far more for long content, with the same layout reusable across sections.

The ironclad rules section turns style into verifiable rules: sharp right angles only (border-radius: 0), 1px hairlines, 16-column grid, extreme font size contrast, and no fabricating numbers.

next/src/lib/templates/skills/deck-swiss-international/SKILL.md

- **只用直角**: 全程 `border-radius: 0`。圆角 = 立刻违反。

The same section includes: "- **16-column grid**: `grid-template-columns: repeat(16, 1fr); gap: 0`" and "- **No fabrication**: numbers must come from user input, chart bar heights = true data proportionally scaled."

Sourced from a third-party port with attribution preserved: frontmatter records example_source_url = op7418/guizang-ppt-skill, and the README third-party sources table synchronously records "Original LICENSE + authorship preserved".

next/src/lib/templates/skills/deck-swiss-international/SKILL.md

example_source_url: "https://github.com/op7418/guizang-ppt-skill"

The README also explains that this template is a Swiss variant (Style B) of that upstream repository.

2Core Capabilities

01Pool of 22 locked layouts (S01 Cover to S22 Image Hero), with quantity determined by content and layouts reusable across sections

02Pick one of 4 themes + fixed hex codes (Klein Blue #002FA7 / Lemon Yellow #FFD500 / Lemon Green #C5E803 / Safety Orange #FF6B35)

0316-column grid (repeat(16, 1fr), gap: 0) + 1px hairlines, strictly no shadows/gradients/blur

04Strict right angles throughout: border-radius must be 0

05Extreme font size contrast: 9.6vw display for cover, 14-16px for body, 11px uppercase + letterspacing 0.08em for labels

06Font families restricted to Inter Tight / Inter / Noto Sans SC / JetBrains Mono; strictly no serifs

07Data honesty clause: chart bar heights must strictly scale with actual data; numbers must only come from user input

08Keyboard ← / → navigation + hash sync + №N/N slide indicator; single-file HTML, no external images (decorative geometry must be pure CSS/inline SVG)

09Highest weight on the site side: featured 50 / recommended 2, serving as both the README hero screenshot and the detail page screenshot

3External Dependencies

Kind	Dependency / Endpoint
cli	宿主本机 agent CLI（应用侧 spawn；非本 skill 指令）
network	Tailwind CDN（产物示例引用，非 skill 正文要求）
network	Google Fonts（产物示例引用）
network	出处置标（frontmatter 元数据，非调用）

4Recommended Governance & Evidence

Suggested Controls for Safe Operation

For Agent Runtime

Declare allowed domains and key scope

For Administrators

Least privilege keys, retain request logs

Evidence & Triggers (File Paths & Excerpts)

网络端点: Declared external network access: example.html contains <script src="https://cdn.tailwindcss.com"> and a Google Fonts link

Audit Notes: Evaluation target = skill directory (SKILL.md + example.md + example.html + site screenshot assets): contains no executable scripts, no credential access, and no disk-write commands; SKILL.md body contains no CDN/API requirements (fonts are specified by family names only, and the sole URL is the op7418/guizang-ppt-skill provenance link in frontmatter, not a runtime call), and explicitly prohibits any external image URLs. Actual endpoints inside the directory are self-evident: remote script cdn.tailwindcss.com and fonts.googleapis.com @import in example.html are artifact references. Under Batch 4 criteria, html-anything templates in this repository are uniformly rated 🟢 Green: evaluation target = the skill directory itself; host shell operations (loader.ts/assemblePrompt/local agent CLI/preview iframe) and font/CDN references in example.html are artifact-phase behaviors (fetched by the browser and not emitted during skill execution), recorded only in reason/risks without affecting the tier rating.

5Second-Pass Verification

[ok] 文件清单（4 项，无脚本） — SKILL.md(4865B) / example.md(331B) / example.html(6131B) / docs/screenshots/skills/deck-swiss-international.png；无 .sh/.py/.js/.ts。
[ok] 正文端点复核 — SKILL.md 内无 http URL；字体只写 Inter Tight / Inter / Noto Sans SC / JetBrains Mono 等字族名。
[ok] 目录内端点自证 — example.html: cdn.tailwindcss.com（远程 script）+ fonts.googleapis.com（@import）；SKILL.md: frontmatter 的 github.com/op7418/guizang-ppt-skill 出处置标。
[ok] 无凭证读取 — key/secret/token/.env 零命中。
[ok] 无写盘指令 — SKILL.md 无 write/save 类指令；shared.ts 明令禁文件工具。
[ok] 22 个版面清单完整 — S01 Cover → S22 Image Hero 逐条在正文；抽查 S06 KPI Tower、S08 Duo Compare、S18 Why Now 均逐字存在。
[ok] 4 套主题 hex 逐字可复核 — #002FA7 / #FFD500 / #C5E803 / #FF6B35 与各自 paper/ink 均在正文。
[ok] 6 条铁律逐字可复核 — 直角 border-radius:0 / 1px hairline / 16 列网格 / 字体族 / 字号反差 / 不许编造，全部命中。

6Verdict & Scenarios

Verifiable style: locked hex codes, the right-angle ironclad rule, 16-column grid, and font size contrast are defined as point-by-point verifiable rules, ensuring the highest consistency across generations.

Sufficiently large layout pool (22 layouts) with reuse permitted, maintaining structural clarity even for long content without repeating identical layouts consecutively.

Data honesty codified into iron rules: bar heights scaled to real data and numbers cannot be fabricated, directly curbing AI tendencies to hallucinate chart data.

Theme-level readability guardrails: Lemon strictly mandates black text; Safety Orange strictly mandates white text + bold ≥ 600.

Complete third-party attribution (bidirectional across frontmatter + README, with README explicitly stating original LICENSE and authorship preserved).

Highest site priority: README hero screenshot position + CLI fallback template + recommended 2.

Best for: Ideal for fact-based, product, analytical, and methodology presentations: roadmaps, quarterly reviews, KPI reports, methodology walkthroughs, and business/AI talks. Best suited when you need an academic, calm aesthetic that "looks distinctly designer-crafted at first glance"; also serves as this repository's default fallback template (CLI fallback + README hero).

Not for: Not suitable for occasions requiring warmth, a hand-drawn feel, or magazine editorial style (deck-guizang-editorial / deck-magazine-web should be used instead); not suitable for brand systems that favor rounded corners, drop shadows, or gradients (border-radius: 0 and no shadows/gradients are explicitly mandated); not suitable for institutional deliveries where brand colors do not align with any of the four fixed themes (hex modification is prohibited).

Install Agent-Ready

① Verified Mirror 2026-09-15

Option A · Direct DownloadDownload deck-swiss-international.tar.gz

sha256: 6d2dc3f18adde621…

Option B · Copy Guide for Agent

install.json

Agents automatically download and verify mirrors from this JSON guide.

② Upstream GitHub

GitHub Repo ↗

Pinned to commit 553ed98c28.