swiss-user-research-video-template

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Swiss User Research Video Template

瑞士风格用户研究视频模板

A premium Swiss-editorial user research template for narrative-heavy live artifacts. The visual language is warm paper, strict spacing rhythm, thin rules, and restrained micro-interactions that keep attention on the story.

一款面向叙事型实时制品的高端瑞士编辑风格用户研究模板。视觉语言采用暖纸质感、严格的间距韵律、纤细线条，以及克制的微交互设计，让注意力始终聚焦于故事本身。

Resource map

资源结构

text

swiss-user-research-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

text

swiss-user-research-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

工作流程

Read
```
DESIGN.md
```
, then map tokens to the template CSS variables (
```
--paper
```
,
```
--ink
```
,
```
--muted
```
, rule colors, segment colors) without changing layout semantics.
Start from
```
assets/template.html
```
; keep the three-slide structure:
- title / framing
- participant breakdown donut
- behavioral pattern + evidence panel
Preserve interactions:
- click/keyboard slide navigation (
```
ArrowLeft
```
  /
```
ArrowRight
```
  )
- bottom pagination dots with active state
- donut legend hover highlight
- subtle line-draw and panel-lift transitions
Keep all data realistic and internally consistent between copy, donut labels, and percentages.
Keep HTML self-contained (inline CSS/JS), with no external framework dependencies.
Validate using
```
references/checklist.md
```
before output.

阅读
```
DESIGN.md
```
，将标记映射到模板的CSS变量（
```
--paper
```
、
```
--ink
```
、
```
--muted
```
、线条颜色、分段颜色），不要改变布局语义。
从
```
assets/template.html
```
开始，保留三幻灯片结构：
- 标题/框架页
- 参与者分布环形图
- 行为模式+证据面板
保留交互功能：
- 点击/键盘幻灯片导航（
```
ArrowLeft
```
  /
```
ArrowRight
```
  ）
- 带有激活状态的底部分页圆点
- 环形图图例悬停高亮
- 微妙的线条绘制和面板抬升过渡效果
确保所有数据在文案、环形图标签和百分比之间真实且内部一致。
保持HTML自包含（内联CSS/JS），无外部框架依赖。
输出前使用
```
references/checklist.md
```
进行验证。

Output contract

输出规范

Emit one concise orientation sentence and then a single HTML artifact:

xml

<artifact identifier="swiss-user-research-deck" type="text/html" title="Swiss User Research Synthesis">
<!doctype html>
<html>...</html>
</artifact>

先输出一句简洁的说明语句，然后输出单个HTML制品：

xml

<artifact identifier="swiss-user-research-deck" type="text/html" title="Swiss User Research Synthesis">
<!doctype html>
<html>...</html>
</artifact>