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 file.
swiss-user-research-video-template is an Open Design skill that generates a premium Swiss-editorial user-research narrative as a single self-contained HTML artifact. It targets the problem of turning research synthesis into a story-first, presentation-quality deck with minimalist typography, a warm-paper aesthetic, strict spacing rhythm, and restrained micro-interactions that keep attention on the narrative rather than on flashy effects.
The skill bundles a template (assets/template.html), a complete example (example.html), and a validation checklist. Its workflow reads DESIGN.md and maps design tokens to template CSS variables (paper, ink, muted, rule colors, segment colors) without altering layout semantics, then builds from a fixed three-slide structure: a title/framing slide, a participant-breakdown donut slide, and a behavioral-pattern-plus-evidence slide. Preserved interactions include click and keyboard slide navigation (ArrowLeft/ArrowRight), bottom pagination dots with an active state, donut legend hover highlighting, and subtle line-draw and panel-lift transitions. The checklist requires internally consistent data (donut and legend percentages summing to 100%), readability on laptop widths of at least 1280px, and the avoidance of sandbox-hostile APIs such as localStorage, sessionStorage, alert, confirm, prompt, and window.open.
It is aimed at UX researchers, product teams, designers, and agents who need to present user-research synthesis in a refined, editorial format. Typical use is producing a research readout or synthesis deck as a portable HTML file that runs without frameworks or build steps.
Three slides: title/framing, a participant-breakdown donut, and a behavioral-pattern slide with an evidence panel. Navigation dots reflect the active slide.
Via click or keyboard using ArrowLeft/ArrowRight, plus bottom pagination dots. The donut legend supports hover highlighting.
Yes. The HTML is a single file with inline CSS/JS and no external framework dependencies, so it opens directly from disk.
Copy, donut labels, and percentages must be internally consistent, with the participant donut and legend percentages summing to 100%.
It is a fixed three-slide editorial template optimized for laptop widths (>= 1280px) and deliberately avoids sandbox-hostile APIs; it is not a general-purpose slide builder.
Quick Setup:
.claude/skills/Repository
nexu-io/open-design