swiss-user-research-video-template
Swiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact with minimalist typography, high-clarity layout, subtle motion, donut breakdowns, and keyboard/click navigation across slides in a single HTML
By nexu-io · 2,401 installs
npx skills add nexu-io/open-design --skill swiss-user-research-video-template
Source repository · Upstream listing
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
Workflow
1. Read DESIGN.md , then map tokens to the template CSS variables ( paper , ink , muted , rule colors, segment colors) without changing layout semantics.
2. Start from assets/template.html ; keep the three slide structure:
title / framing
participant breakdown donut
behavioral pattern + evidence panel
3. 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
4. Keep all data realistic and internally consistent between copy, donut labels, and percentages.
5. Keep HTML self contained (inline CSS/JS), with no external framework dependencies.
6. Validate using references/checklist.md before output.
Output contract
Emit one concise orientation sentence and then a single HTML artifact: