示意封面由本站生成，真实效果请查看源仓库示例。
如何使用
- 1
复制安装提示
点击右侧黑色按钮，一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。
你：
/deck-swiss-international 帮我做：网格化、单一强调色的编辑风 deck示例对话，仅演示调用方式，不代表实际产出。
你会得到
- 22 个锁定版式
- 四套强调色
- 默认严谨排版
适合
- 网格化、单一强调色的编辑风 deck
不适合
- 活泼或插画风演示
你需要
- 无需额外依赖，agent 直接写 HTML
- 许可证
- Apache-2.0
- 作者
- @nexu-io
支持:Claude CodeCodexCursorGemini CLIOpenCode
上游描述
16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)
其他安装方式
更喜欢自己动手？下面的命令和上方按钮效果相同。
安装提示词（粘贴给你的 Agent）
Read https://skilloop.dev/skills/deck-swiss-international/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-swiss-international -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-swiss-international -g -a codex
手动安装（git） · Claude Code
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
作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。
相关技能
免费
幻灯片30.2k
网页幻灯片
从零制作或由 PPTX 转换的动画 HTML 演示文稿，通过可视化探索帮你找到审美方向。
作者: zarazhangruizarazhangrui/frontend-slides · MIT
免费
幻灯片9.0k
融资路演 Deck
10 页 HTML 融资 deck：白底、渐变主视觉、增长柱状图和清晰的融资需求页。
作者: nexu-ionexu-io/html-anything · Apache-2.0
免费
幻灯片179.8k
主题工厂
为幻灯片、文档、报告、落地页套用 10 套预设配色字体主题，或即时生成新主题。
作者: anthropicsanthropics/skills · Apache-2.0
免费
幻灯片26.4k
图片幻灯片（宝玉）
把内容变成带风格说明的大纲，再把每页生成为图片，任何查看器都能直接放映。
作者: JimLiujimliu/baoyu-skills · MIT