Tooluck logoTooluck
SKILL.md

deck-swiss-international

Agent skill fromnexu-io/html-anything

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

How to install deck-swiss-international

install deck-swiss-international
# install the html-anything pack with the skills CLI
npx skills add nexu-io/html-anything

# or add only this skill to Claude Code: copy the folder

next/src/lib/templates/skills/deck-swiss-international/

# into

~/.claude/skills/deck-swiss-international/ (all projects)

.claude/skills/deck-swiss-international/ (one project)

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

Apache-2.0Full file
1【模板: 瑞士国际主义 Deck (Swiss International)】
2【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by op7418/guizang-ppt-skill Style B。
3
4【主题】**只能从下面 4 套二选一, 不许混用、不许改 hex**:
5- 🔵 **Klein Blue (IKB)** — accent `#002FA7`, paper `#fafaf8`, ink `#0a0a0a`. 商业 / AI / 设计场景。
6- 🟡 **Lemon Yellow** — accent `#FFD500`, paper `#f7f5ee` (淡奶油), ink `#0a0a0a`. 年轻 / 零售 / 体育。文字必须用黑色 (不能白色)。
7- 🟢 **Lemon Green / Neon** — accent `#C5E803`, paper `#f7f5ee`, ink `#0a0a0a`. 可持续 / 科技初创 / Gen-Z 品牌。文字必须用黑色。
8- 🟠 **Safety Orange** — accent `#FF6B35`, paper `#f7f5ee`, ink `#0a0a0a`. 工业 / 汽车 / 紧急消息。文字用白色 + bold ≥ 600。
9
10【布局 — 22 个可复用版式池, 不许新增或改造版式; **数量由内容决定**, 把【用户内容】完整覆盖完为止 (短内容 6-10 张起步, 长内容应远超此范围, 同一版式可在不同章节重复使用)】
11- **S01 Cover** — 全屏 accent + ASCII 呼吸点阵 + 反白标题 + 元数据 chrome (date / № / topic)。
12- **S02 Vertical Timeline** — 左侧虚线轴 + 圆点; 右侧节点 = 年份 + KPI + 描述。
13- **S03 Statement** — 9.6vw 居中巨字 + 左侧大段留白 + 底部 hairline + 注释。
14- **S04 Six Cells** — 2×3 网格, 每格: icon + 编号 + 短标题 + 单行描述。
15- **S05 Three Sub-cards** — 左侧 hero 标题 + 右侧 3 张水平堆叠的灰色卡。
16- **S06 KPI Tower** — 4 列变高蓝色柱状; 柱顶 icon; 柱底大数字 + 标签。
17- **S07 H-Bar Chart** — 水平排名横条, 宽度反映数据, 末端标数字。
18- **S08 Duo Compare** — 垂直分割线; 左 Before / 右 After。
19- **S09 Closing Manifesto** — 左 IKB 块 + ASCII 点阵 + 宣言; 右白底 + 3 条要点。
20- **S10 Dot Matrix Statement** — 居中宣言 + 角落几何点矩阵 / 圆环矩阵。
21- **S11 Horizontal Timeline** — 顶部 headline, 中部 hairline 轴, 等距节点, 节点下方步骤名。
22- **S12 Manifesto + Ink Banner** — 上半 headline + 解释; 下半全宽黑色横幅 + 反白小字。
23…

Excerpt shown under the repository's Apache-2.0 license.

More skills in html-anything

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates