Menu

Individual skill

swiss-shot-demos

0upvotes

制作"瑞士国际主义风格（Swiss Style）+ 图表驱动"的视频分镜演示动画——纸灰底/炭黑墨/发丝线/唯一强调橙的编辑部级排版，每页用匹配内容的可视化图表（时间线/循环环/流程链/对照表/点阵计数/热力矩阵…）代替文字堆砌，一镜一 HTML，电影化播放器全屏录屏即成片。只要用户提到：瑞士风格演示页、Swiss Style 动画、图表驱动的分镜演示、把口播稿做成可视化动画、信息图风格演示动画、或要求把一批演示页从暗色油光改成瑞士风/杂志编辑风——就用本 Skill。内容完全开放不设限：技术教程、产品发布、安全科普、知识叙事皆可。与 video-shot-demos（风格轮换体系）同底盘，但本 Skill 全系列统一一套瑞士设计语言，靠图表类型与版式变化制造镜头差异。

skills/swiss-shot-demos/SKILL.md

Read pinned source

Source commit 3d17ba3eb0b0ea631b593bc646b01b83c8d861e4

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
1,751
Repository last updated
Oct 26, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# 瑞士风格图表驱动演示动画（Swiss Style · 一镜一 HTML）

把视频分镜做成**编辑部级排版 + 可视化图表**的演示动画：纸灰底、炭黑墨、发丝线、灰阶明度阶梯、**每页唯一强调橙**；每个镜头的主体是一张与内容匹配的"图表"（时间线、循环环、流程链、双列对照、点阵计数、热力矩阵、泳道、嵌套剖视……），而不是文字堆砌。一镜一 HTML，电影化底盘（黑场起手/虚拟时钟/镜头推拉/WebAudio 音效），全屏录屏即成片。

**反模式就是本 Skill 的诞生理由**：AI 默认生成的演示页永远是"乌漆墨黑+油光锃亮"（黑底+霓虹发光+渐变光斑）——本系统全面禁用，改用瑞士国际主义的平面克制：白纸、墨字、一根发丝线、一点橙。

## 创作哲学

1. **图表优先**：拿到任何一段口播，先问"这是什么图"——流程→链/泳道，循环→环，对比→双列/slopegraph，数量→点阵/计数，时间→时间线，结构→嵌套/分层，分布→热力矩阵。文字只做标题/标签/结论条，主体图形区 ≥55% 面积。
2. **明度即数据**：灰阶阶梯 L1-L7 承载全部层级（重要=最黑），彩色只留一个橙 `#F5572F` 标"本页唯一主角"（最大数字/结论/焦点节点/警示）。
3. **排版即力量**：Inter 大字排版（主标题 64-120px、断言数字 120-260px·800-900、eyebrow 15px uppercase tracking .14em）+ 88px 页边距 + 12 列网格 + 非对称布局（左重右轻）。
4. **克制是美德**：禁 glow/霓虹 text-shadow、径向光斑、光泽渐变、vignette、扫描线、颗粒、大模糊阴影。允许：平面色块、1-2px 发丝线、虚线、反白（墨底纸字）、细网格。
5. **动画快进快停**：quarticOut/cubicOut 缓动；入场三式 pop/fade/draw；禁弹跳闪烁发光。节拍动画一律 cue+tws（可暂停可冻结），纯装饰才用 CSS animation。
6. 每镜头 15-45s；口播不上屏（cue 注释对齐时间戳）；数字不许编（白名单纪律）。