Swiss user research video template

Skill nexu-io/open-design/skills/swiss-user-research-video-template

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Install

npx -y skills add nexu-io/open-design --skill swiss-user-research-video-template

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

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.

SKILL.md

2.7 KB, as published. Nobody here has run it

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

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.

Output contract

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