Agent skill · design visual · nexu-io
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 file.
Why this skill is useful
Provides a specialized template for creating user research presentations with unique design elements and interactions that the AI wouldn't generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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:
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/swiss-user-research-video-template