swiss-creative-mode-template

Name: swiss-creative-mode-template
Author: nexu-io

github.com/nexu-io设计与 UI104.6k2.8k 次安装今天更新

关于 swiss-creative-mode-template

用于生成瑞士编辑风格单文件 HTML 模板的技能，指导设计决策并保留指定结构与交互，输出前还需按清单检查。

复制下面的命令，在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill swiss-creative-mode-template

安装后在 Claude Code 中输入/swiss-creative-mode-template确认已加载。

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

example.html

assets/

template.html

references/

checklist.md

制作一款具有鲜明视觉节奏和实用交互的高品质瑞士／编辑风格 HTML 模板，然后将其输出为单文件制品。

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

阅读当前有效的 DESIGN.md，并将配色、字体和布局决策映射到根 CSS 变量。
将 assets/template.html 复制到 index.html。
保持以下结构完整：
- 带有醒目标题和几何框架的主视觉场景。
- 四步流程卡片行。
- 堆栈／架构图场景。
确保以下交互正常运行：
- 上一页／下一页幻灯片导航和圆点导航。
- 主题切换（纸张／深色）。
- 配色循环按钮（更改整个模板中的强调色）。
- 热点切换，用于显示注释／详情。
保持输出自包含（<!doctype html>、内联 CSS／JS、无外部运行时依赖）。
输出前根据 references/checklist.md 进行验证。

在制品前添加一句简短说明，然后：

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

支持 Markdown