免费在 GitHub 公开中文介绍

swiss-creative-mode-template

使用醒目的标题排版与几何卡片，制作瑞士风格的演示型网页。输出为单个HTML文件，并可加入幻灯片导航、明暗主题切换、强调色轮换和注释叠加显示。

原文查看原文说明

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.

nexu-io/open-design

AI 评分100分/ 100 查看安装方法

适用场景

制作演示型介绍页面
制作瑞士风格HTML幻灯片
制作可交互的产品发布页面
制作可切换主题和注释的资料

中文介绍

功能

这项技能使用瑞士风格的文字排版和几何卡片，制作可像演示文稿一样操作的HTML页面。模板包含大标题开场页、展示四步流程的卡片行，以及呈现结构图的页面。可以加入上一页和下一页按钮、圆点导航、明暗主题切换、强调色轮换，以及注释叠加显示，让读者按页面查看内容并操作显示选项。

适用场景

适合通过文字大小对比和几何形状形成视觉印象的落地页，也适合需要边操作边展示的发布资料。在产品发布页面中，如果希望将说明分成不同场景逐一呈现，也可以使用。需要切换明暗主题或显示注释的HTML资料同样适用。

使用示例

“用瑞士风格的文字排版，制作产品发布用的演示型页面。”
“把资料制作成可切换明暗主题和注释显示的HTML页面。”

注意事项

制作页面需要文件写入能力。技能会将当前有效的DESIGN.md中的颜色、字体和布局设置映射为CSS变量，并使用附带的模板和检查清单。输出是单个index.html文件，内含CSS与JavaScript，不依赖外部运行库。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好说明明确适用于演示型落地页和发布页面，输出为可交互的单个HTML文件。
步骤具体性步骤、输入输出和示例是否具体: A良好流程具体列出映射DESIGN.md、复制模板、保留交互、清单验证及输出格式。
安全性发送数据、删除文件、执行命令等是否有说明: A良好明确要求文件写入能力，并指定复制目标为index.html。
安装难易度所需工具和 API 密钥是否少且有说明: A良好写明需要DESIGN.md和文件写入能力，列出附带文件位置，并说明无外部运行依赖。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（4）

SKILL.md2.3 KB
assets/template.html13.1 KB
example.html3.4 KB
references/checklist.md1.5 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Swiss Creative Mode Template

Produce a premium Swiss/editorial-style HTML template with strong visual rhythm and meaningful interactions, then emit it as a single-file artifact.

Resource map

swiss-creative-mode-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

Read active DESIGN.md and map palette/type/layout decisions into root CSS variables.
Copy assets/template.html to index.html.
Keep this structure intact:
- Hero scene with bold title and geometric frame.
- Four-step process card row.
- Stack/architecture diagram scene.
Keep these interactions working:
- Prev/next slide navigation + dot nav.
- Theme toggle (paper/dark).
- Palette cycle button (changes accent colors across the template).
- Hotspot toggle for annotations/details.
Keep output self-contained (<!doctype html>, inline CSS/JS, no external runtime dependency).
Validate against references/checklist.md before emitting.

Output contract

One short sentence before artifact, then:

<artifact identifier="swiss-creative-mode" type="text/html" title="Swiss Creative Mode Template">
<!doctype html>
<html>...</html>
</artifact>

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能