Mmcp.market

deck-swiss-international skill

by nexu-io·nexu-io/html-anything·9.0k stars·Apache-2.0

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

A100/100content scan

Is the deck-swiss-international skill safe?

Clean: nothing in its files matched our rules. We read 3 files in the folder on 2026-09-28.

No findings.

Install the deck-swiss-international skill

A skill is a folder. Copy it into your agent's skills folder and the agent loads it when the task matches its description.

git clone --depth 1 https://github.com/nexu-io/html-anything.git /tmp/html-anything
mkdir -p ~/.claude/skills
cp -r /tmp/html-anything/next/src/lib/templates/skills/deck-swiss-international ~/.claude/skills/deck-swiss-international
available in every project

In the Claude apps, zip the folder and upload it from the Skills settings. The folder on GitHub

The instructions your agent would load

SKILL.md as published, without the frontmatter. Read it on GitHub

【模板: 瑞士国际主义 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 + 解释; 下半全宽黑色横幅 + 反白小字。

【设计细节 — 绝对铁律】

  • 只用直角: 全程 border-radius: 0。圆角 = 立刻违反。
  • 1px hairline borders, 黑色或 accent; 严禁阴影 / 渐变 / blur。
  • 16 列网格: grid-template-columns: repeat(16, 1fr); gap: 0。
  • 字体: Inter Tight (Latin display) / Inter (body) / Noto Sans SC (中文) / JetBrains Mono (数据); 严禁衬线、严禁装饰字体。
  • 字号极端反差: cover 用 9.6vw display, body 14-16px, label 11px uppercase letterspacing 0.08em。
  • 键盘 ← / → 切换 + hash 同步; 角标固定: №N/N 右下, topic 标签左下。
  • 不许编造: 数字必须来自用户输入, 图表柱高 = 真实数据按比例。
  • 输出单文件 HTML, 不用任何外部图片 URL; 装饰几何 (ASCII 矩阵 / 同心圆) 用纯 CSS 或内联 SVG。

More skills from nexu-io/html-anything

  • Aarticle-magazineSubstack / Medium 高级感长文排版, 适合公众号、博客发布
  • Aarticle-sketchnote-editorial把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节
  • Ablog-post杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
  • Acard-twitter推特金句 / 数据卡, 适合配推文
  • Acard-xiaohongshu小红书风格知识卡片, 多张联排可滑动浏览
  • Acompetitive-teardown定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告
  • Adashboard固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
  • Adata-report把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
  • Adating-web消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势
  • Adeck-blueprint奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒
  • Adeck-course-module暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页
  • Adeck-dir-key-nav8 页单色背景, 160px display + 4px accent + Mono 箭头列表

All agent skills → · MCP servers